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

注意“（）”

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

1 个答案: