2013-09-27 24 views
0

我很難讓this version of the vTicker plugin爲我工作,即使這些說明很荒謬。JQuery vTicker插件不能操縱我的列表

我可能錯過了一些明顯的東西,但我安裝了JQuery vTicker插件,加載了JQuery 1.7.2並創建了插件可以抓取的ID,但我的輸出元素沒有被JQuery操縱。

請參閱this fiddle,其中我的html如下。

<div id="ticker"> 
    <ul> 
    <li>One fish, two fish, red fish, blue fish.</li> 
    <li>Four fish, five fish, jump fish, dive fish.</li> 
    <li>Six fish, seven fish... what? Eleven fish?</li> 
    </ul> 
</div> 

<script> 
    $(function() { 
    $('#ticker').vTicker(); 
    }); 
</script> 

回答

1

此代碼的工作 - 檢查你的代碼,看看有什麼不同的是:

<!DOCTYPE html> 
<html> 
<head> 
    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> 
    <script src="http://richhollis.github.com/vticker/downloads/jquery.vticker.js?v=1.13"></script> 
</head> 
<body> 

    <div id="ticker"> 
    <ul> 
    <li>One fish, two fish, red fish, blue fish.</li> 
    <li>Four fish, five fish, jump fish, dive fish.</li> 
    <li>Six fish, seven fish... what? Eleven fish?</li> 
    </ul> 
    </div> 

    <script> 
    $(function() { 
     $('#ticker').vTicker(); 
    }); 
    </script> 

</body> 
</html> 
+0

謝謝,我得到了它在這裏工作:http://jsfiddle.net/orvn/GhWkT/2/通過將JQuery切換爲「No Wrap - in 」而不是onLoad。任何想法爲什麼會發生? – Orun

+0

沒關係,它在中查找JQuery,因此將其封裝在onLoad窗口事件中不起作用。 – Orun

+1

這是關於如何加載/評估頁面。如果你想使用onLoad,然後移動$('#ticker')。vTicker();與插件代碼一起插入到相同的塊中 - http://jsfiddle.net/GhWkT/5/ –