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

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

ready() fucntion

如果您想要两个版本使用jquery $(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; } }); });，请参阅 Can I use multiple versions of jQuery on the same page? 。

注意：您应该将代码放在<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>。

中

@include

@foreach($posts as $post)
    @include('parts.post')
@endforeach

希望这有帮助。

Answer 2

这两行

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

你将jQuery绑定到你的网站两次。使用latest或版本1.11.0但不能同时使用; - ）

之后，您应该使用onload事件。

用

包装你的JS代码

$(document).on('load'function() {
    // WRITE YOUR CODE HERE
});

我也发现以下失败：

var i=$('#2t2')已经是一个jQuery对象。改变行

$(i).change(function(){

到

i.change(function(){

对变量x执行相同的操作。

Jquery在我的网站上不起作用

2 个答案: