2012-10-11 299 views
0

我在Wordpress中建立一個網站,我有幾個選擇框用於在不同的職位之間進行導航。漂亮的基本東西:jQuery在選擇框中自動選擇選項。如何禁用?

<select id="all" name="allPostsAllSelect"> 
<option value="-1" style="font-weight:bold">--All programmes--</option> 
<option value="http://site.domain/articleid/">Article 1</option> 
... 
</select> 

當一個項目被選中,當前頁面被加載,這裏我的問題開始。不知何故,選定的選項仍然選擇在文章頁面上,並且我不使用框架;)

我試圖在螢火蟲中設置斷點,似乎jquery中的某處在優化完全不可讀代碼「幫助」我神奇地選擇與當前URL匹配的選項。我試圖谷歌這一點,但我找不到任何東西。

似乎WordPress使用

jquery.js?ver=1.7.2 
jquery.cycle.all.js?ver=3.4 
jquery.metadata.v2.js?ver=3.4 
jquery.touchwipe.1.1.1.js?ver=3.4 

不用說,我不想要這個「救命」,我想除非我說不同的東西總是被選擇的第一個項目。到底發生了什麼,我該怎麼把它關掉?

謝謝!

回答

1

jQuery的,嚴格來說,是不是這樣做。 jQuery庫幾乎沒有任何東西。我也不知道WordPress中的任何內容會自動執行此操作,並且默認情況下WordPress不會在前端加載任何這些腳本(大概90%肯定)。您的主題或插件中的某些內容正在執行此操作。嘗試通過逐個禁用您的插件並切換到默認主題來找出哪一個。如果我能看到你的網站會更容易。你有公共網址嗎?

+0

謝謝你,你可以在這裏試試:http://svtsales.com/programme-sales/選擇一個程序在左邊,你明白我的意思。 –

+0

因爲我不喜歡wp中的插件系統,所以我編寫幾乎所有的自我。所以它可能是我的錯,但我找不到它。 –

+1

它是由你的主題加載的「responsive-*」腳本之一 - 我認爲這是一個:http://svtsales.com/wp-content/themes/responsive/js/responsive-scripts.js?ver= 1.1.1 –

1

你可以設置所選擇的價值自己:

$(document).ready(function() { 
    // select a specific option 
    $("#all").val("-1"); 
}); 

或清除選項(將首先選擇默認情況下):

$(document).ready(function() { 
    $("#all").val(""); 
}); 
+0

我試過這個,問題是jQuery操作在我的代碼後以某種方式執行。我不確定如何更改此順序,也許我必須掛鉤到另一個事件,而不是document.ready? –

+1

你有沒有試過把它加到''的最後? – jrummell

+0

不,但不是黑客,我更願意理解正在發生的事情,即使使用螢火蟲,我也覺得很難調試JavaScript。我真的錯過了一個體面的工作環境。 –

相關問題