使用jQuery加载div中的内容

使用jQuery加载div中的内容,jquery,ajax,Jquery,Ajax,我有一个jQuery代码,可以从模式窗口中的链接加载内容。这是我的jquery代码: $(document).ready(function() { var $loading = $('<img src="loading.gif" alt="loading">'); $('#page-help').each(function() { var $dialog = $('<div></div>') .appe

我有一个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;
        });
    });
});
$(文档).ready(函数(){
变量$loading=$('');
$(“#页面帮助”)。每个(函数(){
变量$dialog=$('')
.append($loading.clone());
var$link=$(this).one('click',function(){
$dialog
.load($link.attr('href'))
.对话({
标题:$link.attr('title'),
宽度:500,
身高:300
});
$link.click(函数(){
$dialog.dialog('open');
返回false;
});
返回false;
});
});
});
HTML代码:

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

我想在DIV中加载内容,而不是在模式窗口中加载内容! 我怎么能做到这一点(

您可以使用jquery中的方法:

首先,您必须有一个div,用于将内容加载到:

<div id="container"></div>
<img id="img" src="loading.gif" style="display:none;"/>
您可以在jquery中使用以下方法:

首先,您必须有一个div,用于将内容加载到:

<div id="container"></div>
<img id="img" src="loading.gif" style="display:none;"/>
如果您想将一些外部页面的内容加载到div中,我找到了一个最佳答案

<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>
如果您想将一些外部页面的内容加载到div中,我找到了一个最佳答案

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

模态的div是否已经存在于页面加载中?您可以在jquery中使用$.load方法:$('your#div的''id_').load('page.php');您可以给我一个完整的代码吗?我不知道该如何处理您的代码:(模态的div已经存在于页面加载中吗?您可以在jquery中使用$.load方法:$('your#div的''id_').load)('page.php');你能给我一个完整的代码吗?我不知道我该怎么处理你的代码:(还有一件事,我如何添加加载图像?我已经编辑了答案,基本上你需要在页面加载时隐藏一个图像,然后在用户单击链接时显示,然后在内容加载后再次隐藏。你可以使用回调函数来实现这一点。还有一件事,我如何添加加载图像?我已经编辑了答案,基本上你需要在页面加载时隐藏一个图像,然后在用户单击链接时显示,然后在内容加载后再次隐藏。你可以使用回调函数来实现这一点。