[Hỏi đáp] load ảnh trong bài viết

tình hình là mình mới làm một trang html có load ảnh của url từng bài mà nó không load đúng ảnh của bài đó

ai có thể giúp mình làm lại cái code này không

demo: http://dinhcao.5forum.net/h41-app-store

Code:


$.ajax({
       url: "/feed/?f=12",
       type: "GET",
       dataType: "html",
       success: function (a) {
          $("#i3").after('<div id="item"></div>');
          $(a).find("item").each(function () {          
          $("#item").append('<li><div class="gamedv"><a class="load-topic" href="' + $(this).find("guid").html() + '"><span class="avas"></span></a><a href="' + $(this).find("guid").html() + '" class="load-topic"><h2 id="box-app_title">' + $(this).find("title").html() + '</h2></a><span class="button"><a class="load-topic" href="' + $(this).find("title").html() + '" title>Tải về</a></span></div></li>');
          var link = $(this).find("guid").html();
          $('.avas').load(link + ' .taigameview tbody tr td img')
          })
       },
       error: function (a) {
          console.error(a)
       }
    });


sonlapro wrote:tình hình là mình mới làm một trang html có load ảnh của url từng bài mà nó không load đúng ảnh của bài đó

ai có thể giúp mình làm lại cái code này không

demo: http://dinhcao.5forum.net/h41-app-store

Code:


$.get('/feed/?f=12').done(function(data){
   var a = $(data);
   $("#i3").append('<ul id="item"></ul>');
   for(j = 0;j < a.find('item').length;j ++){
      var b = a.find('item:eq('+j+') guid').text();
      var c = a.find('item:eq('+j+') title').text();
      $('#item').append('<li class="id'+j+'"><div class="gamedv"><a class="load-topic" href="'+b+'"><span class="avas"></span></a><a href="'+b+'" class="load-topic"><h2 id="box-app_title">'+c+'</h2></a><span class="button"><a class="load-topic" href="'+b+'" title="">Tải về</a></span></div></li>');
      $('.id'+j+' .avas').load(b + ' .taigameview tbody tr td img:first')
   }
});


thanks... nhưng mà nó bị xung đột js rồi

Code:


/<![CDATA[
                  $(function(){$.get("/feed/?f=12").done(function(a){var b=$(a);for($("#i3").append('<ul id="item"></ul>'),j=0;j<b.find("item").length;j++){var c=b.find("item:eq("+j+") guid").text(),d=b.find("item:eq("+j+") title").text();$("#item").append('<li class="id'+j+'"><div class="gamedv"><a class="load-topic" href="'+c+'"><span class="avas"></span></a><a href="'+c+'" class="load-topic"><h2 id="box-app_title">'+d+'</h2></a><span class="button"><a class="load-topic" href="'+c+'" title="">T\u1ea3i v\u1ec1</a></span></div></li>'),$(".id"+j+" .avas").load(c+" .taigameview tbody tr td img:first")}})});
                  $(function(){$(".load-topic").click(function(){var a=$(this).attr("href");return $("#board-topic").length||$("body").append('<div id="board-topic" class="the-board"></div><div class="the-board-fixed"></div>'),$("#board-topic").slideDown(200,function(){$(this).prepend('<div class="the-board-close">x</div><div class="the-board-content"></div>'),$(".the-board-close").click(function(){$(".the-board, .the-board-fixed").remove()}),$(this).find(".the-board-content").html('<span id="load"></span>').load(a+" .entry-content",function(){})}),!1}),$(document).on("keyup",function(a){27==a.keyCode&&$(".the-board, .the-board-fixed").remove()})});
    //]]>


@markai30 sửa lại dùm mình

sonlapro wrote:thanks... nhưng mà nó bị xung đột js rồi

Code:


/<![CDATA[
                  $(function(){$.get("/feed/?f=12").done(function(a){var b=$(a);for($("#i3").append('<ul id="item"></ul>'),j=0;j<b.find("item").length;j++){var c=b.find("item:eq("+j+") guid").text(),d=b.find("item:eq("+j+") title").text();$("#item").append('<li class="id'+j+'"><div class="gamedv"><a class="load-topic" href="'+c+'"><span class="avas"></span></a><a href="'+c+'" class="load-topic"><h2 id="box-app_title">'+d+'</h2></a><span class="button"><a class="load-topic" href="'+c+'" title="">T\u1ea3i v\u1ec1</a></span></div></li>'),$(".id"+j+" .avas").load(c+" .taigameview tbody tr td img:first")}})});
                  $(function(){$(".load-topic").click(function(){var a=$(this).attr("href");return $("#board-topic").length||$("body").append('<div id="board-topic" class="the-board"></div><div class="the-board-fixed"></div>'),$("#board-topic").slideDown(200,function(){$(this).prepend('<div class="the-board-close">x</div><div class="the-board-content"></div>'),$(".the-board-close").click(function(){$(".the-board, .the-board-fixed").remove()}),$(this).find(".the-board-content").html('<span id="load"></span>').load(a+" .entry-content",function(){})}),!1}),$(document).on("keyup",function(a){27==a.keyCode&&$(".the-board, .the-board-fixed").remove()})});
    //]]>


@markai30 sửa lại dùm mình

Bạn viết lung tung quá. Khó sửa thật. Mình sửa tạm như vậy. Test thử trên console rất ok. Dùng thử xem sao

Code:

$(function(){
   $.get('/feed/?f=12').done(function(data){
      var a = $(data);
      $("#i3").append('<ul id="item"></ul>');
      for(j = 0;j < a.find('item').length;j ++){
         var b = a.find('item:eq('+j+') guid').text();
         var c = a.find('item:eq('+j+') title').text();
         $('#item').append('<li class="id'+j+'"><div class="gamedv"><a class="load-topic" href="'+b+'"><span class="avas"></span></a><a href="'+b+'" class="load-topic"><h2 id="box-app_title">'+c+'</h2></a><span class="button"><a class="load-topic" href="'+b+'" title="">Tải về</a></span></div></li>');
         $('.id'+j+' .avas').load(b + ' .taigameview tbody tr td img:first')
      }
      $("body").append('<div id="board-topic" style="display:none" class="the-board"><div class="the-board-close">x</div><div class="the-board-content"></div><div class="the-board-fixed"></div></div>');
      $(".the-board-close").click(function(){$("#board-topic").hide()});
      $(document).on("keyup",function(a){27==a.keyCode&&$("#board-topic").hide()});
      $(".load-topic").click(function(e){
         e.preventDefault();
         var a=$(this).attr("href");
         $('.the-board-fixed').show();
         $('.the-board-content').html('<span id="load"></span>');
         $("#board-topic").slideDown(200,function(){
            $(this).find(".the-board-content").load(a+" .entry-content", function(responseText, textStatus, XMLHttpRequest) {
               $('.the-board-fixed').hide();
            });
         });
      });
   });
});