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>

那个剧本没有工作期间，我一定搞砸了文件。已经部分......我现在已经把它放回去。

Answer 1

试试这个：

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

Answer 2

这有效，我不知道为什么。但它有效：）

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

更新我的jQuery打破了我的show / hide

2 个答案: