我遇到了一个在任何版本的 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。