jqueryui对话框内部元素上的Javascript
我不知道如何让jquery使用我的jQueryUI模式中的元素。我知道您可以将js放入对话框的.load()中,并且在我这样做时可以得到一个警报,但我需要一个.click-以便我的jqueryui对话框中的按钮将具有分配给它们的.click事件。我就是搞不懂这个。这是我的密码 编辑-嗯,对我来说,在/*也许做其他的狗屎*/在我的代码中单击“添加btn”,而不是“添加btn”-如果你把事件放在加载对话框中,这就行了jqueryui对话框内部元素上的Javascript,jquery,jquery-ui,jquery-ui-dialog,Jquery,Jquery Ui,Jquery Ui Dialog,我不知道如何让jquery使用我的jQueryUI模式中的元素。我知道您可以将js放入对话框的.load()中,并且在我这样做时可以得到一个警报,但我需要一个.click-以便我的jqueryui对话框中的按钮将具有分配给它们的.click事件。我就是搞不懂这个。这是我的密码 编辑-嗯,对我来说,在/*也许做其他的狗屎*/在我的代码中单击“添加btn”,而不是“添加btn”-如果你把事件放在加载对话框中,这就行了 var edit_let_url; $( "#edit-let-modal" )
var edit_let_url;
$( "#edit-let-modal" ).dialog({
autoOpen: false,
width: 'auto',
maxWidth:600,
height: 450,//$(window).height()-90,//'auto',
//maxHeigth:300,
position: { my: "center top", at: "center top" },
modal: true,
fluid: true,
resizable:false,
open: function () {
// call LOAD after open
$("#edit-let-modal").load(edit_let_url, function() {
// call fluid dialog AFTER load
fluidDialog();
/* MAYBE DO OTHER SHIT */
alert('yo - the dialog loaded');
$( this ).on( "click", "add-btn", function() {
alert('this click event not happening');
});//end dialog
});
},
buttons: {
"Save": function() {
$.post(edit_let_url,
$('#edit-let-form').serializeArray(),
function(data){
if (data){
//pass ex_id as data for preview redirect
window.location.href = "/app/letters_config/";
}else{alert('Did not save');
$('#edit-let-form').html(data);}
})
$( this ).dialog( "close" );
},//end save
Cancel: function() {
$( this ).dialog( "close" );
}//end cancel
}//end buttons
});
$('#LettTable').on('click touchstart','.edit_lett', function (){
//$('.edit_lett').click( function (){
edit_let_url=$(this).attr('name');
// alert (edit_let_url);
//$( "#edit-let-modal" ).load(edit_let_url).dialog( "open" );
$( "#edit-let-modal" ).dialog( "open" );//.load(urlvar).dialog( "open" );
});
模态窗口的html
<h2>Edit letter text</h2>
<form method='POST' id="edit-let-form">
{% csrf_token %}
{{ form.as_p }}
</form>
<button class="add-btn jackedbtn" id='[ass]' role="button">Assesment</button>
<button class="add-btn jackedbtn" id='[pers_hx_sur]' role="button">Save CSV (saves to file for later access)</button>
编辑字母文本
{%csrf_令牌%}
{{form.as_p}}
检测评估
保存CSV(保存到文件以便以后访问)
如果没有您的标记,就很难提供帮助,@amchugh89您的HTML。超文本标记语言.stackoverflow.com/questions/2780052/jquery-ui-dialog-buttons