Jquery与Firefox的兼容性

时间:2015-08-03 17:42:04

标签: javascript jquery html

下面的代码在Chrome上运行得很好,但在Firefox 39.0上运行不正常。对于为什么不建议?问题与display:noneclick功能有关吗?

HTML     

<head>
    <script type="text/javascript" src="http://code.jquery.com/jquery-2.1.4.js"></script>
</head

<body>
<a class="showSingle" target="1">
    <p style="text-align:center;">Show 1</p>
</a>

<a class="showSingle" target="2">
    <p style="text-align:center;">Show 2</p>
</a>

<a class="showSingle" target="3">
    <p style="text-align:center;">Show 3</p>
</a>

<div id="div1" class="targetDiv">
    <p>test1</p>
</div>
<div id="div2" class="targetDiv" style="display:none">
    <p>test2</p>
</div>
<div id="div3" class="targetDiv" style="display:none">
    <p>test3</p>
</div>
</body>
</html>

JS

jQuery(function () {
    jQuery('.showSingle').click(function () {
        jQuery('.targetDiv').hide();
        jQuery('#div' + $(this).attr('target')).show();
    });
});

2 个答案:

答案 0 :(得分:1)

检查firefox中的代理设置,并确保可以转到http://code.jquery.com/jquery-2.1.4.js

答案 1 :(得分:-2)

问题在于我没有发布的部分代码。它现在解决了,与JS完全无关。遗憾。