1
我遇到了一個簡單的jquery腳本,它不能在IE的任何版本中工作,希望有人可以幫忙!它適用於所有其他瀏覽器。這個想法是當你點擊每個縮略圖時 - 它會調用js文件中的文本和圖像。這裏是我的html:jquery .click沒有在任何版本的IE瀏覽器中顯示照片
<div id="project" class="box">
<img src="" width="" height="" class="proj_img">
</div>
<div class="boundingBox" id="content">
<ul id="portfolio-list">
<li class="print">
<a href="#project" class="callprint print1"></a>
</li>
</ul></div>
CSS:
.proj_img {
max-width: 75%;
height: auto;
position: relative;
left: 25.416666666667%; /*adjust with media queries*/
border: 2px solid #d9d8d7;
-webkit-box-shadow: 0px 0px 6px 3px rgba(0, 0, 0, .2);
-moz-box-shadow: 0px 0px 6px 3px rgba(0, 0, 0, .2);
-o-box-shadow: 0px 0px 6px 3px rgba(0, 0, 0, .2);
box-shadow: 0px 0px 6px 3px rgba(0, 0, 0, .2);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.3s ease-in-out;
}
這裏是我的js的部分:
$(document).ready(function() {
$('#project').slideDown("slow");
$('.print1').click(function(){
$('#proj_img').attr('src','img/print1.jpg');
}); //click
});
它用來工作 - 但沿線某處就壞了。我做了升級到該版本的jQuery與我安裝一個插件來工作:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
難道是事做的jQuery的版本?任何幫助,將不勝感激!謝謝。這裏是我的網站的鏈接,如果你想查看整個來源:http://meghankuntz.com。
感謝您的快速答覆,但沒有奏效。不過,我有一段代碼在我的js文件中重複了36次,因爲有36個不同的圖像 - 我需要將它們全部更改爲您建議的代碼才能正常工作嗎?我只測試一個。 – user2425955
不應該。你的slideDown函數裏發生了什麼?這不正常? – tymeJV
謝謝,但沒有奏效 - 我將src更改爲您爲每個帖子建議的格式。還有其他建議嗎? – user2425955