【问题标题】:Load and unload a page into a div from a page already loaded in从已经加载的页面加载和卸载页面到 div
【发布时间】:2011-03-11 07:38:59
【问题描述】:

我正在使用此代码:

<!--Page Loading Mechanism-->
<script type="text/javascript">
    $( document ).ready( function() {
        $( 'a.dynamicLoad' ).click( function( e ) {
            e.preventDefault();   // prevent the browser from following the link
            e.stopPropagation();  // prevent the browser from following the link


            $( '#MainWrapper' ).load( $( this ).attr( 'href' ) , function() {
            /* Content is now loaded */


        });
      });

   });
</script>

使用父页面中的导航菜单加载外部页面。好的,现在当我单击导航按钮时,它可以很好地加载页面。

现在,我想做的是从子页面上的按钮将另一个外部页面加载到同一个 div 中。我试图基本上用 w 页面覆盖孩子。我认为普通的&lt; a href&gt; 可以解决问题,但它只会在主窗口中打开新页面,替换父页面。我不想要那个。

我如何用新的外部页面替换第一个子页面,但在同一个 div 中已经加载了子页面,替换它。我会在第一个加载的子页面上写什么代码?

希望大家阅读本文时不要感到困惑,因为这是我能解释它的最佳方式。

【问题讨论】:

  • 我很困惑,但是通过:“我试图用页面覆盖孩子”,你有没有想过使用 ajax 来获取页面的内容并将 responseHTML 设置为 div?

标签: jquery html load


【解决方案1】:

看看这是否适合你,当然如果使用 ajax 就可以了..

$.ajax({url:"url",
        success : onSuccess
});

function onSuccess(result){
$("#<id of div to be updated>").html(result);
}

【讨论】:

  • 我能把这段代码放在第一个加载的子页面上吗?
  • 当您想将内容加载到 div 中时调用此方法,例如,如果它是对“点击”事件的按钮调用。喜欢$("#LoadExternalPageButton").click(function(){//here goes the code above})
  • @WillingLearner 代码的哪一部分不适合您?不想使用ajax?它不是一个按钮?它没有加载?或者只是代码未能达到预期目的?如果您可以在 fiddle 上分享代码示例,或者至少更详细地解释一下,那就更好了...
  • 它的加载方式与我尝试使用代码之前的方式相同。不用找了。如果您可以创建一个实际运行的代码示例,它可能对我来说效果更好。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多