Question

我在使用一个简单的jquery脚本时遇到问题，该脚本无法在任何版本的IE中运行，并希望有人可以提供帮助！它适用于所有其他浏览器。这个想法是当你点击每个缩略图时 - 它从js文件中调出文本和图像。这是我的HTML：

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

Answer 1

尝试使用以下方法更改src：

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

您的slideDown()功能也可以简化为：

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

Jquery .click不会在任何版本的IE中显示照片

1 个答案: