0

電話番号を変更するスクリプトがありますが、このスクリプトはjquery1.6.4でのみ機能します。1.7.2に更新すると機能しなくなります。私は何が欠けていますか？

<script type="text/javascript">// <![CDATA[

$('a#reno-trigger').click(function(){
$('#toggle-lv').show();
$('#toggle-reno').hide();
});

$('a#lv-trigger').click(function(){
$('#toggle-reno').show();
$('#toggle-lv').hide();
});



// ]]></script>

HTML：

<div id="toggle-reno"><div class="toggle-switch" >
<span class="active">Las Vegas</span> | <a id="reno-trigger" href="#">Reno</a></div>
<div class="toggle-phone">702.555.5555</div>
</div>

<div id="toggle-lv" style="display: none"><div class="toggle-switch" >
<a id="lv-trigger" href="#">Las Vegas</a> | <span class="active">Reno</span></div>
<div class="toggle-phone">555.555.5555</div>
</div>

この行を削除すると、スクリプトが機能しなくなります。

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>

CDATAも取り出しました。

私のワードプレスは1.7.2のローカルバージョンをロードしています。

<script type='text/javascript' src='http://xxx.com/wp-includes/js/jquery/jquery.js?ver=1.7.2'></script>

私は追加しました：

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

そしてそれは再び動作します、しかし私は奇妙に思われる2つのjQueriesをロードしています。

結局のところ、jQueryのアップデートではないと思います...

document.readyが実装されました：

<script type="text/javascript">
$(document).ready(
$('a#reno-trigger').click(function(){
$('#toggle-lv').show();
$('#toggle-reno').hide();
});

$('a#lv-trigger').click(function(){
$('#toggle-reno').show();
$('#toggle-lv').hide();
});

);
</script>

そのスクリプトは機能しませんでした、私はdocument.ready部分を台無しにしたに違いありません...私は今のところそれを元に戻しました。

4

2 に答える 2

0

これは機能しますが、理由はわかりません。しかし、それは機能します:)

<script type="text/javascript">// <![CDATA[

jQuery(document).ready(function($){

    $('a#reno-trigger').click(function(){
$('#toggle-lv').show();
$('#toggle-reno').hide();
});

$('a#lv-trigger').click(function(){
$('#toggle-reno').show();
$('#toggle-lv').hide();
});

 });



// ]]></script>
于 2012-11-12T23:12:48.083 に答える
0

これを試して：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

<script type="text/javascript">
$(function(){

    $('a#reno-trigger').click(function(){
        $('#toggle-lv').show();
        $('#toggle-reno').hide();
    });

    $('a#lv-trigger').click(function(){
        $('#toggle-reno').show();
        $('#toggle-lv').hide();
    });

});
</script>
于 2012-11-12T22:45:21.210 に答える