javascript - 不工作的js脚本

Question

 <script type="text/javascript">
 var prev = '';
 $('#zzz img').click(function(){
 if (prev != '')
  $('#img_' + prev).css('border', '1px solid #eee');

 prev = $(this).attr('id').replace('img_', '');

 $(this).css('border', '1px solid #535666');
 $('#imgid').val(prev);
});
 </script>

CSS：

ul#zzz {clear: both}
ul#zzz li {display: inline ; padding: 3px}
ul#zzz img {border: 1px solid #eee}

html:

<input type="text" id="imgid" name="imgid" value="">
<ul id="zzz">
<li><img name="1" id="img_1" src="img_1.png"></li>
<li><img name="2" id="img_2" src="img_2.png"></li>
<li><img name="3" id="img_3" src="img_3.png"></li>
</ul>

仍然无法理解出了什么问题。在一切都很好之前，什么都没有改变。有任何想法吗？谢谢

Answer 1

将所有内容放入文档就绪处理程序中，看看是否有帮助：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
 jQuery(function($){
    var prev = '';
    $('#zzz img').click(function(){
      if (prev != '')
       $('#img_' + prev).css('border', '1px solid #eee');

       prev = $(this).attr('id').replace('img_', '');

       $(this).css('border', '1px solid #535666');
       $('#imgid').val(prev);
    });
   });
</script>

希望您在此脚本之前加载了 jQuery 插件。