Question

我有一个jQuery代码来从模式窗口中的链接加载内容。这是我的jquery代码：

$(document).ready(function() {
    var $loading = $('<img src="loading.gif" alt="loading">');

    $('#page-help').each(function() {
        var $dialog = $('<div></div>')
            .append($loading.clone());
        var $link = $(this).one('click', function() {
            $dialog
                .load($link.attr('href'))
                .dialog({
                    title: $link.attr('title'),
                    width: 500,
                    height: 300
                });

            $link.click(function() {
                $dialog.dialog('open');

                return false;
            });

            return false;
        });
    });
});

HTML代码：

<a id="page-help" href="index2.html">Test</a>

我想在 DIV 中加载内容，而不是在模态窗口中加载内容！我怎么能这样做？：（

Answer 1

如果你想将一些外部网页的内容加载到div中，我在https://stackoverflow.com/a/6949666/1158603找到了最佳答案

<a href="/page1">Load Page 1</a>
<a href="/page2">Load Page 2</a>
<a href="/page3">Load Page 3</a>
<a href="/page4">Load Page 4</a>

<div id="LoadMe">Where external page will load into</div>

$('a').click(function() {
  $('#LoadMe').load($(this).attr('href'));

  return false;
});

Answer 2

您可以在jquery中使用$.load方法：

首先，您必须有一个div，您要将内容加载到：

<div id="container"></div>
<img id="img" src="loading.gif" style="display:none;"/>

然后在你的剧本中：

$('#page-help').click(function(){
    $('#img').show();
    $('#container').load('index2.html', function(){
       $('#img').hide();
   });
});

使用jQuery加载div中的内容

2 个答案: