onClick在codeigniter中不起作用

Question

當我嘗試在php頁面中使用onClick ，例如：

<a href="javascript:void(0);" onClick="deleteCourse('<?php echo $row->courseId;?>');" class="delete">Delete</a>

在js頁面中，我使用像：

function deleteCourse(course_id){
    alert('trying to delete course');
 }, 

它將顯示類似的錯誤

未捕獲的ReferenceError：未定義deleteCourse

在HTMLAnchorElement.onclick上，但是當我在同一頁面上使用onClick時，它可以正常工作。

courselist.php

<?php if($deleteRole == 1){?>
    <a href="javascript:void(0);" onClick="deleteCourse('<?php echo $row->courseId;?>');" class="delete">Delete</a>
<?php }?>

user.js

function deleteCourse(course_id){
   alert('trying to delete course');
}

該user.js已正確包含，我已經在頁面源代碼中看到它。

Answer 1

<a href="javascript:void(0);" onClick="deleteCourse('<?php echo $row->courseId;?>');" class="delete">Delete</a>

標簽的目的是重定向。 如果您不重定向，為什么要使用標簽，我建議您使用按鈕或li標簽（如果在菜單中使用）

我正在更改屬性。 我們選擇jquery的原因是將HTML和JS代碼分開。 如果您使用的是jQuery，請不要在HTML內使用JavaScript代碼。（一個建議，您可能會省略）

<a href="javascript:void(0);" data-courseId="<?php echo $row->courseId;?>" class="delete">Delete</a>

在user.js文件中（在jquery文件之后加載）

$(document).on("click", ".delete", function(event){
 event.preventDefault();
 event.stopPropagation();
 courseId = $(this).attr("data-courseId");
 alert('trying to delete course');
//your logic for deleting the course.
});

Answer 2

 <a href="javascript:void(0);" onClick="deleteCourse(<?php echo $row->courseId;?>);" class="delete">Delete</a>

將整數傳遞給JS函數時，無需使用引號