jQuery .load() <img> no more in <a>

jQuery .load() <img> no more in <a>

本文关键字：lt gt no more in img load jQuery      更新时间：2023-09-26

我有一个静态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标签在a标签外部（之后）加载之外，一切都很好：

    <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;
});

})；

代替：

$('#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/

相关文章：