広告

この広告は30日以上更新がないブログに表示されております。
新規記事の投稿を行うことで、非表示にすることが可能です。
posted by fanblog

異なるバージョンで複数のjQueryを使う

異なるバージョンで複数のjQueryを使う時、以下のように記述しても正常に動作しません。
======================================
<script type="text/javascript" src="../js/jquery-1.2.3.js"></script>
<script type="text/javascript">
jQuery(function($){
$("test").test();
});
</script>

<script type="text/javascript" src="../js/jquery-1.3.3.js"></script>
<script type="text/javascript">
jQuery(function($){
$("test2").test2();
});
</script>
======================================

調べてみると複数のライブラリを同時に動作させるための「noConflict」というものがありました。
「noConflict」を使って修正したのものが以下のコードになります。
======================================
<script type="text/javascript" src="../js/jquery-1.2.3.js"></script>
<script type="text/javascript">
jQuery(function($){
$("test").test();
});
</script>

<script type="text/javascript" src="../js/jquery-1.3.3.js"></script>
<script type="text/javascript">
var jQuery133 = $.noConflict(true);
</script>

<script type="text/javascript">
jQuery133(function($){
$("test2").test2();
});
</script>
======================================

これで動作するようになりました。
jQuery1.3.3の$をjQuery133に置換したことになります。

最新のjQueryだけで動けば問題はないのですが、この方法で動かすことができました。

Javascriptでsubmitする

Javascriptでsubmitする方法です。

document.form1.submit();

以下のようなフォームの場合、Javascriptでsbumitする記述です。
「form1」というのはフォームのname属性の値です。

<form name="form1" action="test.php" method="post">
<input type="text" name="sample" value="あいうえお">
</form>

Firefoxで「戻る」とJavaScriptが動かない

Firefoxで前のページに「戻る」を実行してもJavaScriptが動きません。
しかし、IEで「戻る」を実行すると正常に動きます。
前のページの情報を保存してあるためか、Firefoxでは動かないようです。

これを解消するには

window.onunload = function () {}

という一文を記述します。

例えば以下のように記述します。

<script type="text/javascript">
<!--
window.onload = function() {
alert("テスト");
}
window.onunload = function () {}
// -->
</script>


「window.onunload = function () {}」の中に関数などを記述する必要はありません。
当然、IEでも正常に動きます。
   
<< 2013年02月 >>
          1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28    
PC関連ショップ
ビックカメラ.com

ドスパラは最短当日出荷!
パソコン・パソコンパーツのTWOTOP
フェイスインターネットショップ
【送料・代引手数料無料】PCダイレクト!
【バッファロー】直販オンライン・ショップ
格安BTOノート!『BTO STORE』
ストームウェブショップ
QNAP社製品ラックNAS
おすすめ商品

3DCGでよくわかる パソコン解体全書

新品価格
¥3,150から
(2011/1/28 17:39時点)

×

この広告は30日以上新しい記事の更新がないブログに表示されております。