将javascript方法更改为ajax.load函数
我正在创建一个网站,它有一个允许我动态加载内容的功能。我能够实现它,但我想使用Ajax将javascript方法更改为ajax.load函数,javascript,jquery,html,css,ajax,Javascript,Jquery,Html,Css,Ajax,我正在创建一个网站,它有一个允许我动态加载内容的功能。我能够实现它,但我想使用Ajax.load()函数 正如您在单击图像时所看到的,每个图像都会加载具有不同文本描述的图像本身。我希望该网页只需使用.load()即可执行完全相同的操作。问题到底是什么?只需使用整个页面的功能…我很抱歉,我还应该添加这个,不清楚你在问什么。你不知道加载函数的时间是多少,或者它不起作用了。我想问的是如何将当前的函数改为使用ajax。加载请在你的帖子中包含最相关的代码片段。尝试包含JSFIDLE链接时可能出现的错误会
.load()
函数
正如您在单击图像时所看到的,每个图像都会加载具有不同文本描述的图像本身。我希望该网页只需使用
.load()
即可执行完全相同的操作。问题到底是什么?只需使用整个页面的功能…我很抱歉,我还应该添加这个,不清楚你在问什么。你不知道加载函数的时间是多少,或者它不起作用了。我想问的是如何将当前的函数改为使用ajax。加载请在你的帖子中包含最相关的代码片段。尝试包含JSFIDLE链接时可能出现的错误会给出该指令。不要忽视它。
$(document).ready(function() {
var $modal = $("#myModal");
var src = "";
$('.image-wrap img').click(function() {
$img = $(this);
console.log($img.next('p').text());
$modal.find('img').attr('src', $img.attr('src'));
$modal.find('.modalheader').text($img.attr('alt'));
$modal.find('.desc').text($img.next('p').text());
$modal.show();
});
$('#myModal .close').click(function() {
$modal.hide();
});
});