Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何在jquery对话框中使用event.target更改DIV';双击时,是否显示innerHTML?_Jquery_Events_Dialog_Target_Innerhtml - Fatal编程技术网

如何在jquery对话框中使用event.target更改DIV';双击时,是否显示innerHTML?

如何在jquery对话框中使用event.target更改DIV';双击时,是否显示innerHTML?,jquery,events,dialog,target,innerhtml,Jquery,Events,Dialog,Target,Innerhtml,**更新** 基本上我想问的就是这个-有人能给我解释一下如何使用event.target吗?我需要知道是什么DOM元素触发了一个事件,并在该事件中对其进行“处理”(即在jquery对话框中更改DIV的内容)。谢谢大家! 好的,我发现一些问题/答案与我想要的很接近,但不是完全相同就是。。。我就是不知道如何把它应用到我的情况中。我很确定我需要的是“事件.目标”或类似的东西,但我的大脑现在有点兴奋;p和我不能让它工作。请帮忙!非常感谢你 我有一个按钮,点击时会打开一个对话框。对话框有一个窗体。填写表

**更新**

基本上我想问的就是这个-有人能给我解释一下如何使用event.target吗?我需要知道是什么DOM元素触发了一个事件,并在该事件中对其进行“处理”(即在jquery对话框中更改DIV的内容)。谢谢大家!


好的,我发现一些问题/答案与我想要的很接近,但不是完全相同就是。。。我就是不知道如何把它应用到我的情况中。我很确定我需要的是“事件.目标”或类似的东西,但我的大脑现在有点兴奋;p和我不能让它工作。请帮忙!非常感谢你

我有一个按钮,点击时会打开一个对话框。对话框有一个窗体。填写表单并单击“创建”按钮后,表单将关闭,并将一个新的div附加到包含所输入信息的文档正文中。这很好用。我的问题是:我希望在双击新的div时打开另一个对话框,以允许编辑信息。我甚至还没有尝试将当前信息包含到对话框中,我正在尝试更新div,但我无法让它工作。我不知道如何将“这个”传递到对话中

当点击对话框的“编辑”按钮时,对话框如何知道哪个div打开了它,然后更改该div的innerhtml

我有两个窗体对话框:

<div id="dialog-form" title="Create new element">

<form>
    blah blah blah
    </form>
</div>


<div id="dialog-edit" title="Edit Element">

<form>
blah blah blah
    </form>
</div>
还有一个“编辑元素”对话框,我不知道如何使用它来更改双击打开的div的innerhtml:

<script>
$(function() {

....variables here....


    $( "#dialog-edit" ).dialog({
        autoOpen: false,
        height: 300,
        width: 350,
        modal: false,
        zIndex:101,
        buttons: {
            "Update Element": function() {

need some way to set target here  =  variable1fromabove + variable2 + etc + etc;


                    $( this ).dialog( "close" );


            },
            Cancel: function() {
                $( this ).dialog( "close" );
            }
        },

    });


});

</script>

$(函数(){
…这里是变量。。。。
$(“#对话框编辑”)。对话框({
自动打开:错误,
身高:300,
宽度:350,
莫代尔:错,
zIndex:101,
按钮:{
“更新元素”:函数(){
需要某种方法在这里设置目标=variable1fromabove+variable2+etc+etc;
$(此).dialog(“关闭”);
},
取消:函数(){
$(此).dialog(“关闭”);
}
},
});
});

我真的不明白你想干什么。但我认为这对你有一些帮助:

$('dialog')。dialog('isOpen'))

它将返回
true
/
false
。因此,您可以使用它检查现在打开的对话框。

不,我不需要检查对话框是否打开。双击DIV时,对话框打开。该对话框用于编辑该DIV中的文本。我需要知道如何在该对话框中访问该特定DIV(许多DIV在双击时会打开该对话框)
<script>
$(function() {
   var begin =  '<div class="column">' + 
         '<ol class="sortable">' + 
          '<li>' + 
         '<div ondblclick="onDblClick();">';
   var end =  '</div>' + 
         '</ol>' + 
         '</div>';


    $( "#dialog-form" ).dialog({
        autoOpen: false,
        height: 300,
        width: 350,
        modal: false,
        zIndex:101,
        buttons: {
            "Create Element": function() {

            $( "#body" ).append( begin + ...<some other stuff here>... + end );
             } 

            $( this ).dialog( "close" );


            },
            Cancel: function() {
                $( this ).dialog( "close" );
            }
        },

    });

    $( "#create-element" )
        .button()
        .click(function() {
            $( "#dialog-form" ).dialog( "open" );
        });
});

</script>
function onDblClick() {

            $( "#dialog-edit" ).dialog( "open" );
        }
<script>
$(function() {

....variables here....


    $( "#dialog-edit" ).dialog({
        autoOpen: false,
        height: 300,
        width: 350,
        modal: false,
        zIndex:101,
        buttons: {
            "Update Element": function() {

need some way to set target here  =  variable1fromabove + variable2 + etc + etc;


                    $( this ).dialog( "close" );


            },
            Cancel: function() {
                $( this ).dialog( "close" );
            }
        },

    });


});

</script>