javascript - Jquery 在我的网站上不起作用

Question

我有这个 jquery 代码，但由于某种原因它不起作用，我在 JSFiddle 中测试了代码工作正常，为什么在我的页面中不起作用。我用谷歌搜索了类似的问题，但没有一个能帮助我识别问题。

我在头部添加了Jquery作为

  <script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
  <script src="//code.jquery.com/jquery-latest.min.js"></script>

这是html部分

<select id="2t2" style="">
  <option value="0"></option>
  <option value="1">1%</option>
  <option value="2">2%</option>
  <option value="3">3%</option>
  <option value="4">4%</option>
  <option value="5">5%</option>
</select>

<select id="2t3" style="">
  <option value="0"></option>
  <option value="1">1%</option>
  <option value="2">2%</option>
  <option value="3">3%</option>
  <option value="4">4%</option>
  <option value="5">5%</option>
</select>

这是 Jquery 代码

<script type='text/javascript'> 
  var i=$('#2t2'),x=$('#2t3'),a,b;
  $(i).change(function(){
    a=i[0]; b=x[0];
    if(a.selectedIndex>b.selectedIndex) {
       b.selectedIndex = a.selectedIndex;
     }
    });
 $(x).change(function(){
   a=i[0]; b=x[0];
    if(b.selectedIndex<a.selectedIndex) {
     a.selectedIndex = b.selectedIndex;
    }
   });
 </script>

Answer 1

为什么你使用两个版本，这会产生冲突，删除第一个包含，仅使用:

<script src="//code.jquery.com/jquery-latest.min.js"></script>

如果您想要两个版本使用 jquery noconflict 模式，请参阅 Can I use multiple versions of jQuery on the same page? 。

注意:您应该将代码放入ready() 函数中。

<小时/>

$(function(){
    var i=$('#2t2'),x=$('#2t3'),a,b;
    $(i).change(function(){
        a=i[0]; b=x[0];
        if(a.selectedIndex>b.selectedIndex) {
            b.selectedIndex = a.selectedIndex;
        }
    });
    $(x).change(function(){
        a=i[0]; b=x[0];
        if(b.selectedIndex<a.selectedIndex) {
            a.selectedIndex = b.selectedIndex;
        }
    });
});

<script src="//code.jquery.com/jquery-latest.min.js"></script>
<select id="2t2" style="">
  <option value="0"></option>
  <option value="1">1%</option>
  <option value="2">2%</option>
  <option value="3">3%</option>
  <option value="4">4%</option>
  <option value="5">5%</option>
</select>

<select id="2t3" style="">
  <option value="0"></option>
  <option value="1">1%</option>
  <option value="2">2%</option>
  <option value="3">3%</option>
  <option value="4">4%</option>
  <option value="5">5%</option>
</select>

希望这有帮助。