HTML5 Ajaxify-与其他简单的jquery脚本冲突

HTML5 Ajaxify - clashes with other simple jquery scripts

本文关键字：jquery 脚本 冲突 简单 Ajaxify- 其他 HTML5      更新时间：2023-09-26

所以我正试图在我的网站上实现这一点——https://github.com/browserstate/ajaxify

在大多数页面上运行良好，但也有两个页面依赖于两个简单的脚本。第一个是

  jQuery(function() {
      var adjustArticleHeights = (function () {
        var leftColumnHeight = 0,
          rightColumnHeight = 0,
          $articles = jQuery('.shop-item');
        for (var i = 0; i < $articles.length; i++) {
          if (leftColumnHeight > rightColumnHeight) {
            rightColumnHeight += $articles.eq(i).addClass('right').outerHeight(true);
          } else {
            leftColumnHeight += $articles.eq(i).outerHeight(true);
          }
        }
        return $articles;
      })();
    });

但奇怪的是，如果我在另一页上。然后转到此页，脚本不起作用。然后，如果我刷新页面，脚本就会工作。

下面的第二个脚本，它一点也不火。无论我刷新多少次

function() {
    jQuery('.image-caption').hide();
    jQuery('.image-hover ').hover( function() {
        jQuery(this).find('.image-caption').fadeIn(300);
    }, function() {
        jQuery(this).find('.image-caption').fadeOut(300);
    });
};

我现在在第1行也得到一个错误"Uncaught SyntaxError: Unexpected token {"。

只需调用即可。

尝试

function() {
    jQuery('.image-caption').hide();
    jQuery('.image-hover ').hover( function() {
        jQuery(this).find('.image-caption').fadeIn(300);
    }, function() {
        jQuery(this).find('.image-caption').fadeOut(300);
    });
}();

注意"（）"

相关文章：