選擇元素標籤和jQuery - 腳本停止工作

Question

我有這樣的選擇標籤：

<div class="browse_by"> 
    <select id="dynamic_select"> 
      <option selected="selected">Browse by Category</option> 
    </select> 
</div> 

jQuery代碼：

$('#dynamic_select').bind('change', function() { 
    var url = $(this).val(); 
    if (url) { 
     window.location = "/gallery/" + url; 
    } 
    return false; 
}); 

問題是，當我使用自定義的jQuery下拉菜單選擇此項元素，jQuery代碼停止工作。我試過jqtransform和dropkick。 jqtransform和踢反彈球之前使用時

它通常工作正常，但之後他們就停止工作沒有URL重定向。

任何幫助？

Answer 1

讓你在使用Dropkick.js基本上重寫你的select標籤到自定義窗口小部件。 你需要重新安裝事件處理程序。

如果您轉到Dropkick site，請在上定製「更改」回調部分。

你需要做的是這樣

$('#dynamic_select').dropkick({ 
    change: function (value, label) { 
    var url = value; 
    if (url) { 
     window.location = "/gallery/" + url; 
    } 
    } 
}); 

Answer 2

只是一個單一的問題....你選擇的元素沒有價值屬性...

<option selected="selected">Browse by Category</option>

由於沒有value屬性定義

var url = $(this).val();將失敗...

因此，您的window.location將設置爲"/gallery/undefined"

使它像

<option selected="selected" value="somePage.html">Browse by Category</option>

，它會很好地工作:)

Answer 3

你可以用我的圖書館http://www.pkoretic.net/csTransPie/ 它不會改變選擇標記嘗試，只有在它適用的造型。 即使在手機上也能正常工作。