第一次點擊後纔會觸發事件

我有一個分類列表。當我點擊某個類別以在第一次發送請求時觸發AJAX請求。當我第二次點擊時，效果很好。這裏是我的代碼第一次點擊後纔會觸發事件

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

感謝您的幫助！

來源

2017-04-27 Krastyo Krastev

請不要編輯和添加代碼的網友質疑@guradio，他有一個語法錯誤，因爲它混淆了人們不解決它，清理格式化，但不修復提問者代碼中的錯誤，回滾。 – Script47

你有一個Unexpected end of input錯誤，因爲你正在使用短標籤PHP失蹤});，

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

變化，

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

要

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

避免，因爲它們可能在您的網站上禁用rver。
總是檢查控制檯是否有JavaScript錯誤。
嘗試並初始化所有變量，以防止混淆。

閱讀材料

Opening Console in Different Browsers

PHP Short Tags

JavaScript Syntax Checker - 爲了您的語法的快速檢查。

來源

2017-04-27 07:12:14 Script47

你沒有關閉$(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

來源

2017-04-27 07:14:10 Mazz

這只是文件準備就緒的部分，我有權利結束。 Thnak you –

這不是從第二次點擊工作的原因，因爲我傷心我關閉document.ready我有更多的代碼 –

第一次點擊後纔會觸發事件

回答

相關問題