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