Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.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
jqueryui对话框内部元素上的Javascript_Jquery_Jquery Ui_Jquery Ui Dialog - Fatal编程技术网

jqueryui对话框内部元素上的Javascript

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" )

我不知道如何让jquery使用我的jQueryUI模式中的元素。我知道您可以将js放入对话框的.load()中,并且在我这样做时可以得到一个警报,但我需要一个.click-以便我的jqueryui对话框中的按钮将具有分配给它们的.click事件。我就是搞不懂这个。这是我的密码

编辑-嗯,对我来说,在/*也许做其他的狗屎*/在我的代码中单击“添加btn”,而不是“添加btn”-如果你把事件放在加载对话框中,这就行了

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