Question

使用此代码切换<div class="artists"></div>的宽度会冻结iPad上的浏览器。有没有解决这个问题？我使用最新的jQuery

<script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script>
<script>
   $("a:nth-child(4)").click(function () {
   $(".artists").animate({width:'toggle'},0);
   $('.blur').toggleClass('blurbody'); 
   });
</script>

它可以在普通的计算机浏览器上正常工作，而不是在iPad（Chrome或Safari）上。您可以在saint57records.com上查看该网站，然后点击左侧的艺术家图标。

Answer 1

您可以在选择后使用以下jquery函数：

$("#targetElement").toggle();

由于您希望在不可见和100％宽度之间切换，这应该可以使用！

Answer 2

要切换你应该这样的宽度：

<script>
   $("a:nth-child(4)").click(function () {
   var targetWidth = (someBoolean) ? '100px' : '300px';
   $(".artists").animate({width:targetWidth},0);
   $('.blur').toggleClass('blurbody'); 
   });
</script>

jQuery Animate Width冻结了iPad

2 个答案: