Javascript 不工作的js脚本

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>

jQuery（函数（$）{
var prev=''；
$（'#zzz img'）。单击（函数（）{
如果（上一个！=''）
$（'img'+prev）.css（'border'，'1px solid'eee'）；
prev=$（this.attr（'id'）.replace（'img_u3;'，''）；
$（this.css（'border'，'1px solid#535666'）；
$（'imgid'）.val（上一个）；
});
});

---

希望您在这个脚本之前加载jQuery插件。

当您清楚地使用jQuery时，我添加了

jQuery

标记。啊，是的，无处不在的“不工作”错误消息。你清理了通量电容继电器了吗？你把脚本放在html之前了吗？如果您这样做，您应该将脚本放在onload处理程序函数中，或者将脚本放在html内容之后

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

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

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