Question

我遇到问题this 但我正在使用＆＃34; a＆＃34;提交我的表格。

除非删除表单上的元素，否则每个东西都能正常工作，但是当我使用JQuery删除元素时，表单不会重新加载页面。 submit（）事件被激活，调试警报消息显示但没有任何内容。

这是我的代码示例：

<form name="editpage" id="editpage" action="" method="POST">
<div class="module">
    <div class="sortable-handle fi-list ui-sortable-handle"></div>
    <div data-id_table="123" data-id_module="1" data-class="Texte" data-id_zone="1" data-id_navigation="5" class="sortable-delete fi-trash"></div>

    <label for="modules[Texte_123][texte]">Zone de texte</label>
    <textarea rows="20" name="modules[Texte_123][texte]" id="modules[Texte_123][texte]" class="tinymce">                                &lt;p&gt;encore une ! et en FR cette fois !&lt;/p&gt;

    </textarea>
    <input type="hidden" value="fr" name="modules[Texte_123][langue]">

</div>
<div class="module">
    <div class="sortable-handle fi-list ui-sortable-handle"></div>
    <div data-id_table="123" data-id_module="1" data-class="Texte" data-id_zone="1" data-id_navigation="5" class="sortable-delete fi-trash"></div>

    <label for="modules[Texte_124][texte]">Zone de texte</label>
    <textarea rows="20" name="modules[Texte_123][texte]" id="modules[Texte_124][texte]" class="tinymce">                                &lt;p&gt;encore une ! et en FR cette fois !&lt;/p&gt;

    </textarea>
    <input type="hidden" value="fr" name="modules[Texte_124][langue]">

</div>

<a class="button fi-save" href="#" onclick="$('#editpage').submit(); return false;">Save</a>
</form>


<script>
    // Suppression
$(document).ready(function(){
$("body").on("click", ".sortable-delete", function (e) {
    e.preventDefault();
    var div = $(this);
    if (confirm('Voulez-vous vraiment supprimer ça ?')) {
        $.ajax({
                type: 'POST',
                url: 'ajax/pages.php',
                data: {
                    'action': 'del_module',
                    'lg': $langue,
                    'id_navigation': div.data('id_navigation'),
                    'id_zone': div.data('id_zone'),
                    'class': div.data('class'),
                    'id_module': div.data('id_module'),
                    'id_table': div.data('id_table')
                },
                async: false
            }
        ).done(function ($data) {
                if ($data == '1') {
                    div.parents('div.module').fadeOut('normal', function () {
                        $(this).remove();
                    });
                } else {
                    alert($data);
                }
            });
    }
});



$('#editpage').submit(function(){
   alert('submit');
});

tinymce.init({selector: '.tinymce'});

});
</script>

谢谢你的光！

Pierre M。

使用JQuery删除元素后，表单不再提交

0 个答案: