将javascript方法更改为ajax.load函数

将javascript方法更改为ajax.load函数,javascript,jquery,html,css,ajax,Javascript,Jquery,Html,Css,Ajax,我正在创建一个网站,它有一个允许我动态加载内容的功能。我能够实现它,但我想使用Ajax.load()函数 正如您在单击图像时所看到的,每个图像都会加载具有不同文本描述的图像本身。我希望该网页只需使用.load()即可执行完全相同的操作。问题到底是什么?只需使用整个页面的功能…我很抱歉,我还应该添加这个,不清楚你在问什么。你不知道加载函数的时间是多少,或者它不起作用了。我想问的是如何将当前的函数改为使用ajax。加载请在你的帖子中包含最相关的代码片段。尝试包含JSFIDLE链接时可能出现的错误会

我正在创建一个网站,它有一个允许我动态加载内容的功能。我能够实现它,但我想使用Ajax
.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();
  });
});