按钮单击在模态jQuery上执行两次

尤达大师

我不明白为什么按钮单击事件会触发2次....我在实现CSS上绘制了2张卡片...当我按下按钮时,它将检查客户端会话是否已启动,并执行某些操作。 .else它打开一个模式。但是单击必须只触发1次,我得到2次警报(“ chango”),单击1次... HELP PLS !!,代码如下:

function list_section(data) {
    var p = JSON.parse(data); // 2 results
    $.each(p, function(i, item) {
    if (item.SECTION_ID == 1) {
        $("#president").append(
            '<div class="col s6">' +
            '\<div class="card medium sticky-action" id="president_'+item.POLITIC_ID+'">' +
            '<div class="card-image waves-effect waves-block waves-light">' +
            '<div class="video-container">' +
            '  <iframe src="' + baseurl + 'public/uploads/' + item.POLITIC_FILE + '" frameborder="0" allowfullscreen controls></iframe>' +
            '</div>' +
            '</div>' +
            '<div class="card-action">' +
            '<span class="card-title activator grey-text text-darken-4">' + item.POLITIC_NAME + '&nbsp' + item.POLITIC_LASTNAME + '<i class="material-icons right">more_vert</i></span>' +
            '<div class="row" style="margin-top:10px;margin-bottom:0px;">' +
            '<div class="col s3">' +
            '<button class=" btn waves-effect modal-trigger waves-light red darken-3 disapprove disapprove_president"  data-target="verification" type="submit" name="action"  ">Desapruebo</button>' +
            '</div>' +
            '<div class="col s3 offset-s4">' +
            '<button class=" btn waves-effect modal-trigger waves-light light-green darken-3 aprove aprove_president" data-target="verification" type="submit" name="action" ">Apruebo</button>' +
             '</div>' +
             '</div>' +
             '</div>' +
             '<div class="card-reveal">' +
             '<span class="card-title grey-text text-darken-4">' + item.POLITIC_NAME + '&nbsp' + item.POLITIC_LASTNAME + '<i class="material-icons right">close</i></span>' +
             '<p>Here is some more information about this product that is only revealed once clicked on.</p>' +
             '</div>' +
             '</div>' +
             '<input type="hidden" id="' + item.POLITIC_ID + '">' +
             '</div>'
        );
        $(document).on('click', '.aprove , .disapprove', function() {
            // $(".aprove , .disapprove").unbind("click");
            //  $(".aprove , .disapprove").on("click", selectKeepFirstOfAll);
            if (sesion != "") {
                if ($(this).attr('class').split(' ').pop() == 'aprove_president') {
                    alert("chango");
                    var data = {}
                    $.ajax({
                        url: baseurl+'result/aprove',
                        type: 'POST',
                        data: data
                    })
                    .done(function() {
                        console.log("success");
                    })
                    .fail(function() {
                        console.log("error");
                    })
                    .always(function() {
                        console.log("complete");
                    });
                }
                else if ($(this).attr('class').split(' ').pop() == 'disapprove_president') {
                }
            }
            else {
                $('#verification').openModal();
            }
        });
    }
Tibrogargan

函数移到$(document).on('click'...)外部list_section(使其全局)。您正在为您处理的每个部分添加一个onclick处理程序。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

两次单击以使用requirejs执行按钮操作?

来自分类Dev

创建单个按钮以执行两次单击操作

来自分类Dev

我必须在jquery按钮上单击两次以提交注册表格

来自分类Dev

jQuery UI取消按钮需要单击两次以关闭

来自分类Dev

jQuery移动按钮单击处理程序触发两次?

来自分类Dev

jQuery移动按钮单击处理程序触发两次?

来自分类Dev

jQuery模态形式发布两次

来自分类Dev

Blazor模态表单验证:删除表单字段时,您必须单击两次“取消”按钮以关闭模态

来自分类Dev

两次单击以执行操作?

来自分类Dev

Android:两次单击“后退”按钮?

来自分类Dev

单击一次按钮时,代码在 firebase onDatachange 中执行两次

来自分类Dev

如何使HTML按钮在两次单独单击时执行两项不同的操作?

来自分类Dev

如果将按钮放在SubmitHandler中,为什么我的按钮在jquery中单击两次?

来自分类Dev

jQuery单击触发两次

来自分类Dev

jQuery单击两次重复

来自分类Dev

jQuery-单击注册两次

来自分类Dev

jQuery单击触发两次

来自分类Dev

jQuery单击重复两次

来自分类Dev

单击 JQuery 需要在加载了 PHP 的元素上单击两次

来自分类Dev

jQuery AJAX POST执行两次

来自分类Dev

jQuery AJAX POST执行两次

来自分类Dev

在Firefox上使用popState平滑滚动并返回按钮-需要单击两次

来自分类Dev

如何在两次单击按钮上修复React状态更新?

来自分类Dev

为什么我需要在按钮上单击两次以使事件发生?

来自分类Dev

在videoview的播放按钮上单击两次以恢复视频

来自分类Dev

jQuery .submit().ajax()必须单击两次发送按钮才能获得正确的响应

来自分类Dev

jQuery绑定方法仅在您单击按钮两次时才被调用

来自分类Dev

单击两次按钮之间的JAVA时间

来自分类Dev

GridView编辑按钮需要单击两次

Related 相关文章

  1. 1

    两次单击以使用requirejs执行按钮操作?

  2. 2

    创建单个按钮以执行两次单击操作

  3. 3

    我必须在jquery按钮上单击两次以提交注册表格

  4. 4

    jQuery UI取消按钮需要单击两次以关闭

  5. 5

    jQuery移动按钮单击处理程序触发两次?

  6. 6

    jQuery移动按钮单击处理程序触发两次?

  7. 7

    jQuery模态形式发布两次

  8. 8

    Blazor模态表单验证:删除表单字段时,您必须单击两次“取消”按钮以关闭模态

  9. 9

    两次单击以执行操作?

  10. 10

    Android:两次单击“后退”按钮?

  11. 11

    单击一次按钮时,代码在 firebase onDatachange 中执行两次

  12. 12

    如何使HTML按钮在两次单独单击时执行两项不同的操作?

  13. 13

    如果将按钮放在SubmitHandler中,为什么我的按钮在jquery中单击两次?

  14. 14

    jQuery单击触发两次

  15. 15

    jQuery单击两次重复

  16. 16

    jQuery-单击注册两次

  17. 17

    jQuery单击触发两次

  18. 18

    jQuery单击重复两次

  19. 19

    单击 JQuery 需要在加载了 PHP 的元素上单击两次

  20. 20

    jQuery AJAX POST执行两次

  21. 21

    jQuery AJAX POST执行两次

  22. 22

    在Firefox上使用popState平滑滚动并返回按钮-需要单击两次

  23. 23

    如何在两次单击按钮上修复React状态更新?

  24. 24

    为什么我需要在按钮上单击两次以使事件发生?

  25. 25

    在videoview的播放按钮上单击两次以恢复视频

  26. 26

    jQuery .submit().ajax()必须单击两次发送按钮才能获得正确的响应

  27. 27

    jQuery绑定方法仅在您单击按钮两次时才被调用

  28. 28

    单击两次按钮之间的JAVA时间

  29. 29

    GridView编辑按钮需要单击两次

热门标签

归档