1

此时我正在使用下面的代码打开一个对话框来编辑mysql记录，但我的问题是我用来打开对话框的按钮正在通过一个while循环来允许我编辑任何记录但是发生了什么是顶部按钮会弹出对话框，但是第二个第三个等等我已经弄清楚为什么会发生这种情况，这是因为它们都有相同的“id”，但我的问题是有什么办法可以调出每当我单击任何按钮而不在其中写入 100 个对话框时，都会出现对话框。

    $( "#edit" ).dialog({
                autoOpen: false,
                draggable: false,
                modal: true,
                width: "322",
                buttons: {
                    "Add to Log": function() {
                      $( this ).dialog( "close" );  
                    },
                    Exit: function() {
                        $( this ).dialog( "close" );
                    }
                }

            });

            $( "#editi" ).click(function() {
                $( "#edit" ).dialog( "open" );
                return false;
            });
</script>


 <button id="editi">Edit</button> // normally goes thru a while loop and is reapeted 5 or 6 times but only the frist one genrated works

    <div class="edit" id="edit" title="Edit Entry" style="font-size:15px">
    <p>hello</p>
4

3 回答 3

2 
$("#edit").dialog({
                autoOpen: false,
                draggable: false,
                modal: true,
                width: "322",
                buttons: {
                    "Add to Log": function() {
                      $( this ).dialog( "close" );  
                    },
                    Exit: function() {
                        $( this ).dialog( "close" );
                    }
                }

            });

/*this is the area that is looped*/
            $(".editi").click(function() {
                $( "#edit" ).dialog( "open" );
                return false;
            });
</script>


 <button class="editi">Edit</button>

    <div class="edit" id="edit" title="Edit Entry" style="font-size:15px">
    <p>hello</p>
于 2012-05-16T04:48:39.047 回答
1

您是否多次重复相同的 id (editi)？您可能想要创建一个类似 buttonClass 的类并以这种方式连接按钮：

        $( ".buttonClass" ).click(function() { 
            $( "#edit" ).dialog( "open" ); 
            return false; 
        });
于 2012-05-16T04:44:35.080 回答
0

将类保留为 editi 而不是将其保留为 id 并为此：

$('.editi').click(function(){
   //do what you want to do
})
于 2012-05-16T04:47:38.350 回答