1

次のjQueryコードを使用して、ページを更新するドロップダウンを作成しましたが#content、返された結果で変更されると、changeイベントとしてカウントされ、#sidebar情報が取得されると思います。

<script>
var get_pages_load_options = { 
    target:        '#content',
    data: {ajaxtype: 'content'},
    beforeSubmit:  function() {
        console.debug('beforeSubmit');
    },
    success: function() {
        console.debug('successful');
    }
};
$("#content").on('change','.get_pages',function(){
    var submit_page = $(this).attr('rel');
    var form_url = $("#"+submit_page).attr('action');
    console.debug(submit_page+" & "+form_url);
    $("#"+submit_page).ajaxForm(get_pages_load_options);
    $.ajax({
        type: "POST",
        url: form_url,
        data: {ajaxtype: "side"},
        success: function(data) {
            console.debug(data);
            $("#sidebar_menu").html(data);
        }
    });
});
</script>

HTMLは次のとおりです#content。

<div id="content" class="content">
    <h1>Game Updates</h1>
    <form action="/gameplay/updates/" id="submit_page" name="submit_page" class="get_pages" method="post">
        <select name="year" class="get_pages" rel="submit_page">
            <option value="2012">2012 -- v1.7.0 - v2.0.0</option>
            <option value="2011">2011 -- v1.5.3 - v1.6.0</option>
            <option value="2010">2010 -- v1.3.3 - v1.5.2</option>
            <option value="2009">2009 -- v1.1.4 - v1.3.2</option>
            <option value="2008">2008 -- v0.6.0 - v1.1.3</option>
            <option value="2007">2007 -- v0.1.x - v0.5.5</option>
        </select>
    </form>
    /** Update Logs **/
    <br/><br/>
    <p>
        -----------<br />
        Thank you,<br />
        Admin deth4uall
    </p>
</div>

私が2回目の変化の発火を防ぐ方法を知っていますか。ありがとう！

編集：私はデフォルトの通常のバージョンを持っていますが、上記は以下の機能を上書きすることになっています：

$("#content").on('change','.get_pages',function(){
    var submit_page = $(this).attr('rel');
    $("#"+submit_page).submit();
});
4

1 に答える 1

1

値が未定義の場合は、関数から戻るだけです。

$("#content").on('change','.get_pages',function(){
    var submit_page = $(this).attr('rel');
    var form_url = $("#"+submit_page).attr('action');
    if (!submit_page || !form_url) {
        return;
    }
    //console.debug(submit_page+" & "+form_url);
    $("#"+submit_page).ajaxForm(get_pages_load_options);
    $.ajax({
        type: "POST",
        url: form_url,
        data: {ajaxtype: "side"},
        success: function(data) {
            //console.debug(data);
            $("#sidebar_menu").html(data);
        }
    });
});
于 2012-06-05T20:53:11.650 に答える