0

我正在使用http://isotope.metafizzy.co/的isotope插件来创建网格布局。单击任何网格时，我会显示一个显示详细信息的模式弹出窗口。关闭模式弹出窗口后，控制返回到旧的同位素网格布局。模态弹窗的内容hidden在同位素项下。我无法正确显示模式弹出窗口中的内容。所以，我所做的是，在单击任何同位素的网格<a>项目时，我使用了$.isotope('destroy');. 只有这样，模态弹出窗口才能正常工作。此外，在关闭模式弹出窗口后，我使用以下代码重新初始化同位素网格：

    $("#container").isotope({
     itemSelector:".item",
     masonry:{
     columnWidth:100,
     gutterWidth:20
     },
     animationOptions:{
     duration: 750,
     easing: 'linear',
     queue: false
    }
    });

我在所有处理元素事件的return false;函数的末尾添加了（使用函数）。<a>onclickjQuerydelegate()

重新初始化后，页面滚动回顶部。除此之外，页面的可用性没有问题。我被困住了。请帮忙。

4

2 回答 2

0

我对您使用的插件不太熟悉，但是可以isotope防止由于单击<a>元素而导致页面滚动。

而不是return false，你可以试试preventDefault()。

在点击处理程序（例如）上，你会这样做 -

$('a').on('click',function(e){
  // other code here
  e.preventDefault();
});
于 2012-07-29T15:53:25.750 回答
0

您不应该使用模式窗口和同位素使用破坏方法或任何特殊技巧；您是否尝试过这里或类似的方法来显示静态或动态内容？它在这里确实可以揭示更多的东西。如果您只担心页面滚动，则 Lix 会获得绿色 :)

于 2012-07-29T23:34:09.993 回答