javascript - 如何通过 ulr load 删除 jQuery UI 对话框上的内容？

Question

我已经让它工作了，但问题是当我删除内容时，主页内容也会被删除，因为具有相同的类名。我如何仅控制模态内容并删除某些类而不将它们从父页面中删除。

        var $modalDialog = $('<div/>', { 
      'class': 'exampleModal', 
      'id': 'exampleModal1'
    })



    .appendTo('body')
    .dialog({

       resizable: true,
       title:'Approval',
       autoOpen: false,
       width:'auto',
       height:'auto',
       show: 'fold',
       position:  { my: "right top", at: "top" },
       modal: true,
  close: function(event, ui) {
      location.reload();
 }
    }).css("overflow", "auto"); 


    $(function () {
        $('a.exampleLink').on('click', function (e) {
            e.preventDefault();
            // TODO: Undo comments, below
        var url = $(this).attr('href');
            $modalDialog.load(url, function(){
        $( ".ewMenu" ).hide(); $( ".ewHeaderRow" ).hide();     $('h4').hide();          


 $( "#btnCancel" ).hide(); $( ".ewToolbar" ).hide();    $( ".ewFooterRow" ).hide();
            });

            $modalDialog.dialog("open");
        });
    });

Answer 1

试试这个(btnCancel 示例):

$modalDialog.find("#btnCancel").hide();