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

何が悪いのかまだ理解できません。すべてがうまくいく前に、何も変わっていません。何か案は？ありがとう

4

1 に答える 1

0

すべてをドキュメント準備完了ハンドラーに入れて、役立つかどうかを確認します。

<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 プラグインがロードされていることを願っています。

于 2012-12-14T06:12:46.317 に答える