jCarousel jQuery插件 - 如何在双击时停止选中的项目

时间:2010-06-10 10:20:56

标签: javascript jquery safari webkit jcarousel

我正在尝试在jCarousel插件中单击下一个按钮时停止选择项目。

要了解我的意思,请查看此演示并双击下一个箭头...... jCarousel demo

我尝试了这段代码,它似乎适用于IE和Mozilla,但它不适用于Safari或Chrome ...

/**
*  Fix carousel selection
*  http://chris-barr.com/entry/disable_text_selection_with_jquery/
*/
(function($) {
  $.fn.disableTextSelect = function() {
      return this.each(function(){
        if($.browser.mozilla){//Firefox
          $(this).css('MozUserSelect','none');
        }else if($.browser.msie){//IE
          $(this).bind('selectstart',function(){return false;});
  }else if($.browser.safari){//webkit  
    $(this).css('KhtmlUserSelect','none');
        }else{//Opera, etc.
          $(this).mousedown(function(){return false;});
        }
      });
  }
  $(function($){
      $('.carousel-img').disableTextSelect();//No text selection for these elements
  });
})(jQuery); 

任何帮助表示感谢。

1 个答案:

答案 0 :(得分:3)

您可以尝试this disableTextSelect-Function。

将它绑定到轮播按钮: $(“。jcarousel-prev,.jcarousel-next”)。disableTextSelect();