無法讓jQuery Waypoint工作

我一直在爲它奮鬥了6個小時左右，仍然無法完成工作。我有Joomla 2.5 T3框架v 2.1.0與引導3.無法讓jQuery Waypoint工作

我想這個插件實際上執行一個簡單的東西，沒有複雜的動畫或滑塊，只是想實現什麼顯示在開發人員的網站上 http://imakewebthings.com/jquery-waypoints/shortcuts/sticky-elements/

起初，我嵌入代碼的文檔

<script src="/path/to/js/jquery-1.8.3.js" type="text/javascript"></script> 
<script src="/path/to/js/waypoints-sticky.min.js" type="text/javascript"></script> 
<script src="/path/to/js/waypoints.min.js" type="text/javascript"></script>

我標記在說如下：

<div class="wrapper"> 
    <div class="itemIWantToStick"></div> 
</div>

然後，我添加了代碼

<script type="text/javascript"> 
$(document).ready(function() { 
    $('.itemIWantToStick').waypoint('sticky'); 
}); 
</script>

在waypoints-sticky.js我得到的代碼：

this, function($) { 
    var defaults, wrap; 
    defaults = { 
     wrapper: '<div class="wrapper" />', 
     stuckClass: 'stuck' 
    };

在我的CSS：

.sticky{ 
    width: 25%; 
} 
.wrapper{ 
    display: block; 
} 
.stuck{ 
    position: fixed; 
    top: 0; 
}

但我做不到沒有辦法。也許jQuery庫與我在默認情況下在Joomla和T3中有衝突？我在這裏閱讀關於這個主題的每一個問題，並瀏覽了網頁，但仍然無法解決它。

也許我錯過了一些東西。因爲我只是在開始研究JS。你能告訴我它有什麼問題嗎？任何幫助非常感謝。

P.S.我也嘗試使用Here的數據，我替換了所有東西，以便我的東西與示例匹配。還嘗試從開發者的網站使用數據和設置 - 仍然無望。

來源

2014-02-10 cameraobscura

嘗試直接添加defaults您waypoints-sticky.js裏面是這樣的：

$('.itemIWantToStick').waypoint('sticky', { 
    wrapper: '<div class="wrapper" />', 
    stuckClass: 'stuck' 
});

來源

2014-02-10 01:52:24 Felix

仍然沒有改變。它甚至不爲我想要粘貼的項目創建一個類。 – cameraobscura

您需要包括waypoints.js粘擴展之前。如果文章準確無誤，則表明您首先包含粘性快捷方式。

來源

2014-02-27 21:38:41 imakewebthings

無法讓jQuery Waypoint工作

回答

相關問題