Question

我有一个静态html页面和一些其他文件具有相同的架构但其他内容。

    <div id="textRed" class="scrollbar">
       <h1>Header</h1>
          <p>Lorem Ipsum</p>
          <a href="images/image1.jpg" data-lightbox="image-1" data-title="image-title" class="imgClass">
             <img src="images/image1_thumb.jpg" alt="image-title" />
             <br />
             Lorem Ipsum
          </a>
     </div>

我将通过.load（）将一些新内容加载到#textRed。一切正常，除了img-tag是在a-tag外加（之后）之后：

    <div id="textRed" class="scrollbar">
       <h1>Header</h1>
          <p>Lorem Ipsum</p>
          <a href="images/image1.jpg" data-lightbox="image-1" data-title="image-title" class="imgClass">
             <br />
             Lorem Ipsum
          </a>
          <img src="images/image1_thumb.jpg" alt="image-title" />
     </div>

此外，如果我加载相同的文件。

这里是我的（部分）js：

$(function(){
$('#aBtn').on('click', function(event){
    $('#textRed').load('newOrSameFile.html #textRed *', function(responseTxt,statusTxt,xhr) {
        if(statusTxt=="success")
            console.log('External content loaded');
        if(statusTxt=="error")
            console.log("Error: "+xhr.status+": "+xhr.statusText);
    });

    return false;
});

}）;

Answer 1

而不是：

$('#textRed').load('newOrSameFile.html #textRed *', function(responseTxt,statusTxt,xhr) {

试试这个：

$('#textRed').load('newOrSameFile.html #textRed .imgClass', function(responseTxt,statusTxt,xhr) {

有关.load()的详细信息，请参阅此链接： - http://api.jquery.com/load/

<a></a>中不再有jQuery .load（）<img/>

1 个答案: