javascript – jQuery – noConflict()问题

我有一个问题,可能是我试图这样做的范围.

滑块将工作.或图像将替换文本.但不是两者.

我有这个“scrollBox.min.js”文件链接为了滑块工作.因此我使用noConflict.

我想要下面的代码段使用scrollBox.min.js文件：

<script>
  jQuery().noConflict();
  jQuery(function($) {
        $(document).ready(function() {
          jQuery('#scrool').scrollBox({
            direction: 'h',switchItems: 3,distance: 540,autoPlay: false
          });
          jQuery('#scrool-backward').click(function() {
            jQuery('#scrool').trigger('backward');
          });
          jQuery('#scrool-forward').click(function() {
            jQuery('#scrool').trigger('forward');
          });
        })
      }
</script>

我想让其余的人使用该网站的jQuery.

我注意到的一件事

取决于我在哪里放置jQuery().noConflict();它允许执行不同的代码段.我需要两个工作：

有关脚本的全部部分,请参见下文：

<script src="http://www.qwerty.com/assets/xjs/jquery.scrollBox.min.js"></script>
<script>
  jQuery().noConflict();
  jQuery(function($) {
    $(document).ready(function() {
      jQuery('#scrool').scrollBox({
        direction: 'h',autoPlay: false
      });
      jQuery('#scrool-backward').click(function() {
        jQuery('#scrool').trigger('backward');
      });
      jQuery('#scrool-forward').click(function() {
        jQuery('#scrool').trigger('forward');
      });
    });
  });

</script>

<script>
  jQuery(function($) {
    $(document).ready(function() {

      jQuery('.starIMGrating').each(function(i,obj) {

        var myString = jQuery(this).html()

        if (myString > "5") {
          var myString = "5"
        } else {}

        /* alert(myString); */
        myRegexp3 = /\d/;
        var match = myRegexp3.exec(myString);

        var myRegexp2 = /\d\.(\d)/;
        var matchstring = myString;
        var m;

        if (myString.indexOf(".") == -1) {
          var match2 = 0;
        } else if (myString.indexOf(".") == 1) {
          var m = myRegexp2.exec(matchstring)
          var match2 = m[1];
        }

        starIMG = "<img src='http://qwerty/" + match + "_" + match2 + "/5/rating.gif' alt='' style='width:70px !important;' />";

        /*alert(match2); */
        jQuery(this).html(starIMG);
        /* alert(starIMG); */
      });

    });
  });

</script>

解决方法

调用jQuery().noConflict();会抛出错误：

Uncaught TypeError: jQuery(…).noConflict is not a function

哪个不在try {…}块中,会导致该脚本的其余部分根本不执行.

noConflict是主要jQuery命名空间对象的一部分,但不是单独的jQuery对象,因此您应该从jQuery()中删除括号：

jQuery.noConflict();

javascript – jQuery – noConflict()问题

解决方法

猜你在找的jQuery相关文章