Question

我遇到以下JS的问题，在某些时候不再有效。来自“$ .each”不再有效我该怎么办？上课似乎有问题谁能帮我？我无法理解问题出在哪里，即使我创建两个js文件也无法正常工作.. Html输出

<ol id="AjaxTimeline">
  <ul class="timeline">
    <li class="timeline-inverted">
      <div class="timeline-badge primary">
        <a><i class="glyphicon glyphicon-record" rel="tooltip" title="11 hours ago via Twitter" id=""></i></a>
      </div>
      <div class="timeline-panel">
        <div class="timeline-heading">
          <div class="caption">
            <img class="img-responsive" src="http://lorempixel.com/1600/500/sports/2">
          </div>
          <div class="timeline-body">
            <p>Suspendisse id felis mi. Quisque blandit mattis nisl eu volutpat. Duis viverra lacus quis arcu mattis ac varius ligula convallis. Maecenas magna enim, molestie ac ultrices sed, convallis vel dolor. Vestibulum sed hendrerit massa. Integer consequat odio vitae est rutrum et egestas nibh sodales. Sed adipiscing nisl vel massa bibendum molestie.</p>
          </div>
          <div class="timeline-footer">
            <div class="voto_class" id="1">
              <div class="voto_btn">
                <div class="voto_positivo_btn">&nbsp;</div>
                <span class="voto_positivo_s">0</span>
              </div>
              <div class="voto_btn">
                <div class="voto_negativo_btn">&nbsp;</div>
                <span class="voto_negativo_s">0</span>
              </div>
            </div>

            <a><i class="glyphicon glyphicon-share"></i></a>
            <a class="pull-right">Continua a leggere</a>
           </div>
         </div>
       </div>
     </li>
   </ul>
</ol>

JavaScript的：

$(document).ready(function() {

var base_caricamento = 0; 
var loading  = false; 
var news_caricate = 5; 

$('#AjaxTimeline').load("Caricamento_n.php", {
    'gruppo_0':base_caricamento
}, function() {
    base_caricamento++;
}); 

$(window).scroll(function() { 

    if($(window).scrollTop() + $(window).height() == $(document).height())  
    {

        if(base_caricamento <= news_caricate && loading==false) 
        {
            loading = true;
            $('.caricamento_ajax').show(); 


            $.post('Caricamento_n.php',{
            'gruppo_0': base_caricamento
            }, function(data){

                $("#AjaxTimeline").append(data); 
                $('.caricamento_ajax').hide(); 

                base_caricamento++;
                loading = false; 

            }).fail(function(xhr, ajaxOptions, thrownError) { 

                alert(thrownError);
                $('.caricamento_ajax').hide();
                loading = false;

            });

        }
    }
});


$.each( $('.voto_class'), function(){
    var unique_id = $(this).attr("id");

    post_data = {'unique_id':unique_id, 'vote':'fetch'};
    $.post('Voti.php', post_data,  function(response) {
            $('#'+unique_id+' .voto_positivo_s').text(response.vote_up); 
            $('#'+unique_id+' .voto_negativo_s').text(response.vote_down);
        },'json');
});


$(".voto_class .voto_btn").click(function (e) {

    var clicked_button = $(this).children().attr('class');
    var unique_id   = $(this).parent().attr("id"); 

    if(clicked_button==='voto_negativo_btn')
    {

       alert("OK");
    }
    else if(clicked_button==='voto_positivo_btn') 
    {

        alert("Error");
    }

});});

问题在于标记<ol id="AjaxTimeline">。我不明白为什么，但如果我删除脚本工程标签

JavaScript错误，语法确定

0 个答案: