HTML5 Ajaxify - 與其他簡單的jQuery腳本

衝突所以我想實現這個在我的網站 - 在大多數頁面上https://github.com/browserstate/ajaxify HTML5 Ajaxify - 與其他簡單的jQuery腳本

工作正常，但也有依賴於兩個簡單的腳本兩頁。第一個是

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號線。

來源

2014-08-31 Jordan

'「的第二個腳本，它不火的。」'這是通常與一個匿名函數，你從來沒有打電話的情況下！ :) – therealrootuser 2014-08-31 04:36:49

哦，謝謝，它現在可以工作，現在我刷新它！ – Jordan 2014-08-31 04:40:55

這是否可以解決您的問題的整體問題？ – Jhecht 2014-08-31 04:43:23

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

記「（）」

來源

2014-08-31 04:42:52

HTML5 Ajaxify - 與其他簡單的jQuery腳本

回答

相關問題