2012-12-14 89 views
-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:沒有工作js腳本

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> 

仍然無法understnd什麼是錯。在一切都很好之前,沒有任何變化。有任何想法嗎?感謝

+0

正如你明確使用jQuery,我添加了'jquery'標籤。 –

+3

啊,是的,無處不在的「不工作」的錯誤信息。您是否清理了磁通電容繼電器? – 2012-12-14 06:07:01

+0

你把腳本放在你的html之前了嗎?如果你這樣做,你應該把你的腳本放在一個onload handler函數中,或者把腳本放在html內容之後 – dencey

回答

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插件。