※ ChatGPTを利用し、要約された質問です(原文:続・文字をクリックすると詳細文章が展開されるJS)
文字をクリックして詳細文章を展開するJSの組み込みでIEで動作しない問題の解決方法は?
このQ&Aのポイント
自社CMSに文字をクリックして詳細文章を展開するJSを組み込むと、IEで動作しない問題が発生しています。
ローカル環境ではIE10、FF、Chromeで動作するのに、CMSに組み込むと動作しなくなります。
CSSの記述やHTMLタグの変更などを試しましたが、効果はありませんでした。IEに依存した問題のような気がします。
http://okwave.jp/qa/q8158253.html
でいただいた回答、ローカルではIE10、FF、Chromeで動作したと喜びの御礼を申し上げました。
実は組み込み先が、自社で導入しているCMS(コンテンツマネージメントシステム)でして、
<body>内の一部しか編集権限がありません。
ローカルではIE10、FF、Chromeで確かに動作したのですが、
CMSに組み込むと、動作しなくなる(クリックしてもプルダウン展開されない)ことがわかりました。
もしかして、<head>内でなく、<body>内に
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9. …
<style type="text/css">
などと記述しているからか?と疑い
<style type="text/css">
section h2 {
color: #333;
background: #ccc;
border: solid 1px #999;
cursor: pointer;
}
・・・・みたいなCSSの記述を、HTMLタグに組み込んで、
<h2 style="color: #333;background: #ccc;border: solid 1px #999;cursor: pointer;">第1章 前転のやり方</h2>
みたいにしてみたのですが、やはりローカルではきちんと動作するのに
CMSに組み込むと動作しません。
あ、正確には、CMSに組み込んでもFF22やChrome27では動作するんですが、
IE10や(IE10でのIE9互換モード)などでは動作しない(クリックしてもプルダウン展開されない)と
いう具合です。要するにIEに依存した問題のような気がしてますが、
プログラムが完全なだけに、何かちょっとした記述の変更で、IEで動作させられないでしょうか?
本仕様が、非常に気に入ったので、あきらめたくありません。
お礼
b0a0aさん、コメントありがとうございました。 自分としても、質問の仕方がよくなかったという反省はあるのですが いわゆるスクリプトエラーなどもでておらず、 特にエラーも発生していないので不思議でならないです。 これでは原因特定できませんね、、、
補足
結果的に、ドキュメントモードがIE7互換モードみたいになっていたので、標準に直したらIE10でも動作するようになり、解決したようです。お騒がせしました、ありがとうございました。