非常簡單的WordPress的+ jQuery的工具問題

我真的很難得到這個工作。任何幫助將與彩票獲獎業力償還:-)非常簡單的WordPress的+ jQuery的工具問題

我已經安裝了一個香草WP網站，只編輯一個職位和functions.php添加CSS。這表明了這個問題。

當我在functions.php中添加所有jquery/tools wp_register_script/wp_enqueue_script聲明時，沒有什麼工作，所以爲了理智和臨時，他們在帖子中（我知道這不是正確的地方）。

所以，這近乎成功。我沒有得到任何錯誤，但頁面（沒有WP的情況下工作正常）不會呈現面板的內容。有任何想法嗎？看着Chrome控制檯，所有的資源都被加載，所有的腳本都在那裏。

http://crystal-globe.com/jqt/

感謝您的幫助。頭髮被拉出...

來源

2011-10-18 Steve

你爲什麼不加入CSS和JQuery包括反對功能文件中的標題？ – Xavier

我讀過的功能是所有包含應該在哪裏。我實際上已經嘗試了很多東西，這是最實用的版本。當我能做到這一點時，我會（慢慢地）把它放在應該去的地方。 – Steve

我相信你不應該添加代碼到與您的wordpress配置沒有直接關係的functions.php文件（比如php的自定義文章類型和函數）。

恢復您的functions.php文件和任何額外的代碼，你已經添加到您的文件;然後嘗試：

查找的header.php之間的<head> </head>標籤包含以下代碼：

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> 

<?php if (is_singular() && get_option('thread_comments')) wp_enqueue_script('comment-reply'); wp_head(); ?>

一個簡單的測試，看看jQuery是在頭工作;

<script type="text/javascript"> 
$(function(){ 
$(".scrollable").scrollable(); 
}); 
</script>

在標題中添加以下內容：

<style type="text/css"> 
/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
.scrollable { 

    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 660px; 
    height:90px; 
} 

/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accommodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
.scrollable .items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
} 

/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
.items div { 
    float:left; 
} 
</style>

來源

2011-10-18 14:18:48 Xavier

好吧，所以我已經將該代碼添加到標題並將功能恢復爲香草。 jQuery工作正常，但現在我沒有從jquery.tools庫中找到可滾動的。我已經添加了在你的jquery包括哪些顯然被拉入。 – Steve

好吧，看看上面的答案嘗試添加到您的標題現在，確保html顯示在主頁上，但我相信已經是。只需添加CSS並更改您添加的原始腳本。 – Xavier

添加了您的更改PLUS包含jquery.tools插件的CSS。現在我們有同樣的問題。除非所有內容都不呈現，否則所有內容都可以正常工作，即使您使用Chrome查看DOM時仍然存在。很奇怪。我可以從字面上將它粘貼到一個空白的HTML文檔中，並且工作正常。使用WordPress的jquery.tools必須有很多人在那裏。 – Steve

非常簡單的WordPress的+ jQuery的工具問題

回答

相關問題