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

Question

所以我试图在我的网站上实现这一点 - 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 {”。

Answer 1

直接调用即可。

尝试

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);
    });
}();

注意“()”