1

我遇到了一个在任何版本的 IE 中都不起作用的简单 jquery 脚本的问题,希望有人能提供帮助!它适用于所有其他浏览器。这个想法是当您单击每个缩略图时 - 它会从 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

4

1 回答 1

0

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

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

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

$('#project').slideDown("slow");
于 2013-05-27T21:46:06.733 回答