使用jQuery加载div中的内容
我有一个jQuery代码,可以从模式窗口中的链接加载内容。这是我的jquery代码:使用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
$(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');你能给我一个完整的代码吗?我不知道我该怎么处理你的代码:(还有一件事,我如何添加加载图像?我已经编辑了答案,基本上你需要在页面加载时隐藏一个图像,然后在用户单击链接时显示,然后在内容加载后再次隐藏。你可以使用回调函数来实现这一点。还有一件事,我如何添加加载图像?我已经编辑了答案,基本上你需要在页面加载时隐藏一个图像,然后在用户单击链接时显示,然后在内容加载后再次隐藏。你可以使用回调函数来实现这一点。