如何通过 ulr 加载删除 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();