0

私はこの選択タグを持っています：

<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;
});

問題は、このSelect要素にカスタムjQueryドロップダウンメニューを使用すると、jQueryコードが機能しなくなることです。jqtransformとdropkickを試してみました。

通常、jqtransformとdropkickの前に使用すると正常に機能しますが、その後はURLリダイレクトが機能しなくなります。

何か助けはありますか？

4

3 に答える 3

1

つまり、基本的にselectタグをカスタムウィジェットに書き換えるDropkick.jsを使用しています。イベントハンドラーを再アタッチする必要があります。

Dropkickサイトにアクセスする場合は、カスタムの「変更」コールバックセクションを読んでください。

あなたは次のようなことをする必要があります

$('#dynamic_select').dropkick({
  change: function (value, label) {
    var url = value;
    if (url) {
       window.location = "/gallery/" + url;
    }
  }
});
于 2012-08-02T17:15:50.397 に答える
0

たった1つの問題....オプション要素にVALUE属性がありません...

<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>

そしてそれはうまくいくでしょう:)

于 2012-08-02T17:10:26.510 に答える
0

私のライブラリhttp://www.pkoretic.net/csTransPie/ で試すことができます。選択タグは変更されず、スタイルが適用されるだけです。それは電話でもネイティブに動作します。

于 2012-08-04T17:40:11.610 に答える