Ereignis nur ausgelöst nach dem ersten Klick

Question

Ich habe eine Liste der Kategorie. Wenn ich auf eine Kategorie klicke, um eine AJAX-Anfrage auszulösen, wird die Anfrage zum ersten Mal nicht gesendet. Wenn ich ein zweites Mal klicke, funktioniert es großartig. Hier ist mein Code

<?php foreach($this->category as $value) { ?> 
    <li data-cid=<?= $value['cat_id']?> class="cid"> 
    <a href="http://localhost/mvc/viewbycat/index/<?= $value['cat_id'] ?>"> 
     <?= $value['cat_name']?> 
    </a> 
    </li> 
<?php } ?> 

$(document).ready(function() { 
    var catid; 
    var count = 0; 

    $('li.cid').click(function (e) { 
    count = 0; 
    var limit = 6; 
    var offset = 0; 
    e.preventDefault(); 
    $("#main").empty(); 
    catid = $(this).attr('data-cid'); 
    displayRecords1(limit, offset, catid); 
    }); 

Dank für die Hilfe!

Answer 1

Sie hatte einen Unexpected end of input Fehler, weil Sie });,

fehlten

$(document).ready(function() { 
    var catid, 
     count = 0; 
    $('li.cid').click(function(e) { 
    e.preventDefault(); 

    var limit = 6, 
     offset = 0, 
     count = 0; 

    $("#main").empty(); 

    catid = $(this).attr('data-cid'); 

    displayRecords1(limit, offset, catid); 
    }); 
}); 

ändern,

<li data-cid=<?= $value['cat_id']?> class="cid"> 

Um

/** Note the double quotes. **/ 
<li data-cid="<?= $value['cat_id']?>" class="cid"> 

• Vermeiden Sie kurze Tags in PHP, wie sie könnten auf Ihrem se deaktiviert sein rver.
• Überprüfen Sie die Konsole immer auf JavaScript-Fehler.
• Versuchen Sie, alle Ihre Variablen zu Beginn gemeinsam zu initialisieren, um Verwechslungen zu vermeiden.

Lesestoff

Opening Console in Different Browsers

PHP Short Tags

JavaScript Syntax Checker - Für eine schnelle Überprüfung Ihrer Syntax.

Answer 2

Sie nicht die $(document).ready

$(document).ready(function() { 

    var catid; 
    var count=0; 

    $('li.cid').click(function (e) { 
     count=0; 
     var limit= 6; 
     var offset = 0; 
     e.preventDefault(); 
     $("#main").empty(); 
     catid = $(this).attr('data-cid'); 

     displayRecords1(limit, offset, catid); 
    }); 
}); // This here