選擇導航選項不會URL軌

我，爲什麼follwing不工作有點困惑，我已經試過2個的jQuery/JavaScript代碼選擇導航選項不會URL軌

所以我有AA下拉菜單爲我的移動視點9我已合併有兩種方式我試圖創建一個鏈接

<select id="nav-select"> 
    <option value="/public_pages/faq">FAQ</option> 
    <option value="vacancy"><%= link_to 'Create Vacancy ', new_vacancy_path %></option>   
    </select>

中的JavaScript我曾試圖讓窗口的位置，並鏈接到正確的URL

$('#nav-select').change(function(){ 
var url = $(this).val(); 
window.location = url; 
}); 

document.getElementById("nav-select").addEventListener('change',function() { 
window.location = this.value; 
},false);

當我選擇的選項沒有任何反應

任何想法的人？我是否錯誤地使用了選擇標籤？

感謝

來源

2013-02-13 Richlewis

嘗試將您的代碼放在文檔就緒處理程序中。 – undefined 2013-02-13 21:10:18

謝謝，但那不工作..這應該工作不應該嗎？ – Richlewis 2013-02-13 21:19:07

掛上電話，很快說話，所有工作，標記爲答案，如果你喜歡和不適當接受，看起來很簡單的錯誤 – Richlewis 2013-02-13 21:20:35

由於undefined說，把你的腳本文件內準備處理程序將解決這個問題。爲了進一步解釋，我敢打賭你在實際文檔標記之前定義了腳本。這將使jQuery搜索文檔中尚不存在的元素。

通過將它的文件準備處理器中：

$(document).ready(function(){ 
    $('#nav-select').change(function(){ 
     var url = $(this).val(); 
     window.location = url; 
    }); 
});

你基本上是具有腳本等待網頁加載完成，並#nav-select元素文檔中存在執行代碼之前。

來源

2013-02-13 23:35:23 sringer

選擇導航選項不會URL軌

回答

相關問題