jquery - 更新我的 jQuery 破坏了我的显示/隐藏

Question

我有一个更改电话号码的脚本，但这个脚本只能与 jquery 1.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。

我的 wordpress 正在加载 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>

它又可以工作了，但是我正在加载两个看起来很奇怪的 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 部分......我现在把它放回去了。

Answer 1

这行得通，我不知道为什么。但它有效:)

<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>

Answer 2

尝试这个：

<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>