jQuery 同位素:

发布于 2024-11-10 05:28:56 字数 227 浏览 0 评论 0原文

有没有办法保持定位完整,但使元素不可点击? 演示此处

通过添加另一个类而不是 .element,我失去了定位。

抱歉没有添加具体的代码示例,因为我不确定在哪里解决这个问题(标记、css 或 jquery 部分)

Is there a way to keep the positioning intact, but making elements non click-able?
demo here.

By adding another class instead of .element, I loose the positioning.

Sorry for not adding specific code examples, as I'm not sure where to fix this issue (markup, css or the jquery part)

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

满意归宿 2024-11-17 05:28:56

或许

$(yourelement).css("cursor","auto");

Maybe

$(yourelement).css("cursor","auto");

?

浪荡不羁 2024-11-17 05:28:56

这些项目是可点击的,只是因为有这段脚本。

// change size of clicked element
$container.find('.element').live('click', function(){
  $(this).toggleClass('large');
  $container.isotope('reLayout');
});

您可以将 CSS 类更改为您想要的任何内容,只要它可以与 <代码>itemSelector选项

$container.isotope({
  itemSelector: '.my-class'
});

The items are clickable only because there's this bit of script.

// change size of clicked element
$container.find('.element').live('click', function(){
  $(this).toggleClass('large');
  $container.isotope('reLayout');
});

You can change the CSS class to whatever you want, so long as it can be matched by the itemSelector option

$container.isotope({
  itemSelector: '.my-class'
});
口干舌燥 2024-11-17 05:28:56

如果您想让某些元素不可点击,您可以在

var notClickable = ['Hg','Co','Rb']; // these element are not clickable

      // change size of clicked element
      $container.delegate( '.element', 'click', function(){
       //if not in notClickable tab
       if(jQuery.inArray( $(this).attr('data-symbol'), notClickable )==-1){
        $(this).toggleClass('large');
        $container.isotope('reLayout');
       }
      });

此处的侦听器演示中检查:http:// jsfiddle.net/thomasNDS/bKtvN/1/

If you want to make some elements non clickable you can just check that in the listener

var notClickable = ['Hg','Co','Rb']; // these element are not clickable

      // change size of clicked element
      $container.delegate( '.element', 'click', function(){
       //if not in notClickable tab
       if(jQuery.inArray( $(this).attr('data-symbol'), notClickable )==-1){
        $(this).toggleClass('large');
        $container.isotope('reLayout');
       }
      });

Demo here: http://jsfiddle.net/thomasNDS/bKtvN/1/

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文