Question

我正在使用jQuery将html文件加载到我的index.php中。

$("#load").click(function() {
   $("#content").load("/content/page.html");
});

page.html内容：

<img class="img" src="https://www.nzxt.com/uploads/download/attachment/117/Phantom-530-wallpaper-1920x1080-3.jpg"><br/>
<p style="color:green">test.html Success 1</p>

我还有一个功能，当窗口宽度改变时会改变图像的大小，问题是，当页面加载时...图像显示在1920x1080px中，但它应该是窗口宽度的80％。

  function img_resize(ww,wh) {
    $(".img").css("width", ww);
      var img_w = $(".img").width();
    $(".img").css("margin", wh);
  };

所以点击按钮后，page.html加载到index.php div，图像显示为1920x1080px分辨率，当我调整浏览器窗口大小时，图像缩小到窗口宽度的80％并且可以' t使用css宽度：80％;因为它有其他功能来定义图像的大小（像素），这只是计算。但是img_resize(ww,wh)上面的代码是为图像设置/添加宽度。我尝试使用mousemove，mouseover和onload，没有任何效果。

<img class="img" src="https://www.nzxt.com/uploads/download/attachment/117/Phantom-530-wallpaper-1920x1080-3.jpg" onload="img_resize()"><br/>
<p style="color:green">test.html Success 1</p>

如何在加载img_resize()文件时“启动”page.html函数？

Answer 1

您可以使用.load()功能的回调。

\1

记住根据您的需要提供$("#load").click(function() { $("#content").load("/content/page.html", function(response, status, xhr) { if ( status != "error" ) { img_resize(ww,wh); } }); });和ww参数。

Answer 2

        <img class="img" 
         src="https://www.nzxt.com/uploads/download/attachment/117/Phantom-
         530-wallpaper-1920x1080-3.jpg" style="width: 80%;"><br/>

试试这个为我工作！

如何在html页面上修复不工作的Jquery，它被动态加载到div中？

2 个答案: