2016-07-29 7 views
0

WindowsのボックスでXAMPPを実行しています。以下は私のテストファイルされる:私は、Internet ExplorerでそのファイルにサーフィンするときSimple-Expand(JQuery)はInternet Explorer 11では動作しませんが、他のブラウザで動作します

<html> 
<head> 
<title>very nice file</title> 
</head> 
<meta http-equiv="X-UA-Compatible" content="IE=edge"> 
<body> 
<a class="expander" href="#">click me</a> 
<div class="content"> 
    I WANT TO HIDE THISSSS. 
</div> 

</body> 
</html> 

    <script src="http://code.jquery.com/jquery-latest.js"></script> 

    <script src="https://raw.githubusercontent.com/redhotsly/simple-expand/master/src/simple-expand.js"></script> 

    <script type="text/javascript" language="javascript"> 
    $(document).ready(function() { 
      $('.expander').simpleexpand(); 
      }); 
    </script> 

は、私が「私をクリックしてください」と「私はTHISSSSを非表示にする」を参照します。他のブラウザでサーフィンすると、「クリックしてください」と表示され、クリックすると「このテキストを隠したい」というテキストが非表示になります。

一晩中検索され、まだ何もありません!何かご意見は?ありがとう!

+0

2.4版やjqueryなどを使ってみてください。 –

+0

jqueryは別のプラグインを使わずにdivを切り替えることができます。また、一般的に、投稿で不必要な誓いにうまく反応しません。 – chiliNUT

+0

ああ、私はとても欲求不満だったので、このファイルに冒涜を抱えていました。私はここにそれを掲示する前にすべてを削除したと思った。編集されました!私の謝罪のコミュニティを受け入れてください! :D – user1375691

答えて

1

本当にそのエクスパンダが必要ですか?コンテンツを隠す/表示するだけの場合。あなたはあなたが欲しいのコードを再生することができ、ここでhttps://jsfiddle.net/yzdthzhL/

この単純なフィドルを試すことができますjqueryの

を使用しているので、あなたは、数行のコードを持つものを作成することができます。

などです。これが役に立つかどうかは分かりませんが、あなたのHTML文書の中にあなたのスクリプトを追加すると良いでしょう。

<html> 
<head> 
    <script src="somelibrarieshere"></script> 
</head> 
<body> 

<script src="somelibrarieshere"></script> 
</body> 
</html> 

であり、HTMLブロック外ではありません。それはそういう意味です。 :)素晴らしい一日を過ごしましょう。

+0

こんにちは!返信いただきありがとうございます。あなたのコードは大丈夫ですが、はい - 私はエキスパンダーが必要です。あなたは、私は明確な境界線を持っているDIVを持っていることがわかります。そして、あなたがDIVを拡張するとき、私はそれの実際の高さ/幅を増やして、隠されたコンテンツが公開されるようにしたいと思います。 – user1375691

関連する問題