Question

我想在加载时使用图标更改内容unicode，但它不起作用，因为我在页面加载后使用jQuery加载内容。我使用这段代码：

这是“custom.js”文件。

var $ = jQuery.noConflict();

    $(function() {





            var canRun = false;
            $.ajax({
                    url: './includes/loadfeed.php',
                    cache: false,
                    beforeSend: function(){
                    $('#tiles').append('<li id="loadingimg"><img src="images/loading.gif" width="80" height="80" style="margin:auto;" /></li>');
                    },
                    success: function(html){
                        $('#tiles').append(html);
                        $('#loadingimg').remove();
                        canRun = true;

                      }

               });



                    $(window).scroll(function() {
                    if( ($(window).scrollTop() + $(window).height() > $(document).height() - 10 ) && (canRun == true ) ) {

                        canRun = false; 
                        var newCount    = $('#next_id').data('newcount');
                        var maxid       = $('#next_id').data('maxid');

                        $.ajax({
                          type: 'GET',
                          url: '/includes/loadfeed.php?next',
                          data: { newcount: newCount, max_id: maxid },
                          dataType: "text",
                          cache: false,
                          beforeSend: function(){
                          $('#tiles').append('<li id="loadingimg"><img src="images/loading.gif" width="80" height="80" style="margin:auto;" /></li>');
                          $('#next_id').remove();
                          },
                          success: function(xxx){
                                $('#loadingimg').remove();
                                $('#tiles').append(xxx);
                                canRun = true; 
                            }
                          });
                        }

            }); });

这是替换代码。 “getomeji”载入内容。

$(document).on('load','#getemoji',function(){
var el = $(this).get(0);
el.innerHTML = el.innerHTML.replace(
new RegExp(ranges.join('|'), 'g'), 
'<span class="emoji" data-emoji="$&"></span>'
);  
});

此代码正在处理“click”事件但不使用“on load”。有人能帮助我吗？

Answer 1

在文档准备就绪时如何做...

$(document).ready(function() {
  $("#getemoji").replace(
    new RegExp(ranges.join('|'), 'g'), 
    '<span class="emoji" data-emoji="$&"></span>'
  );  
});

Answer 2

$(document).ready(function(){
    $.ajax({
         url: './includes/loadfeed.php',
         cache: false,
         beforeSend: function(){
                    $('#tiles').append('<li id="loadingimg"><img src="images/loading.gif" width="80" height="80" style="margin:auto;" /></li>');
                      },
          success: function(html){
                    $('#tiles').append(html);
                    $('#loadingimg').remove();
                            canRun = true;
                    $('#getemoji').load(function(){
                       var el = $(this).get(0);
                       el.innerHTML = el.innerHTML.replace(
                       new RegExp(ranges.join('|'), 'g'), 
                       '<span class="emoji" data-emoji="$&"></span>'
                        );  
                    });

                    }

     });

  });

Answer 3

我找到了答案。

$("#tiles").contents().each(function () {
                                if (this.nodeType === 3) this.nodeValue = $.trim($(this).text()).replace(new RegExp(ranges.join('|'), 'g'),'<span class="emoji" data-emoji="$&"></span>')
                                if (this.nodeType === 1) $(this).html( $(this).html().replace(new RegExp(ranges.join('|'), 'g'),'<span class="emoji" data-emoji="$&"></span>'))
});

最好的问候。

替换负载内容

3 个答案: