2013-05-27 74 views
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

回答

0

嘗試這種改變源:

$('#proj_img').attr('src','img/print1.jpg'); 

slideDown()功能也可以簡化爲:

$('#project').slideDown("slow"); 
+0

感謝您的快速答覆,但沒有奏效。不過,我有一段代碼在我的js文件中重複了36次,因爲有36個不同的圖像 - 我需要將它們全部更改爲您建議的代碼才能正常工作嗎?我只測試一個。 – user2425955

+0

不應該。你的slideDown函數裏發生了什麼?這不正常? – tymeJV

+0

謝謝,但沒有奏效 - 我將src更改爲您爲每個帖子建議的格式。還有其他建議嗎? – user2425955

相關問題