这里工作后是问题的一个截屏,以使其更清晰....JQuery数据表。无法获取jQuery函数的AJAX负荷
http://screencast.com/t/KXD8U1oA0yU6
这是我想把我的第一个项目我绕着AJAX前进,所以我遇到了一些绊脚石。
我有一个数据表,通过AJAX从JSON输出中加载用户详细信息。
有一个“禁用”按钮,用于禁用用户帐户。
我已经申请了popconfirm ID每一行...
<script type="text/javascript">
$(document).ready(function() {
$('#user_list').DataTable({
stateSave: true,
"pageLength": 20,
"ajax": {
"url": "data/JSON_users_list.php",
"dataSrc": "",
},
"columns": [
{ "data": "profile_photo_path" },
{ "data": "namebulk" },
{ "data": "email" },
{ "data": "active" },
{ "data": "id"}
],
"columnDefs": [
{ sClass: "hidden-xs hidden-sm", "targets": [ 0 ] },
{ sClass: "user-name", "targets": [ 1 ] },
{ sClass: "hidden-xs hidden-sm", "targets": [ 2 ] },
{ sClass: "action-links", "targets": [ 3 ] },
{ "width": "1%", "targets": 0 },
{
"targets": [ 4 ],
"visible": false,
"searchable": false
}
],
"fnRowCallback": function(nRow, aData, iDisplayIndex) {
$('td:eq(0)', nRow).html('<div style="background: url(\''+aData.profile_photo_path+'\');" class="image-circle-50" id="'+aData.id+'-img"></div>');
$('td:eq(1)', nRow).html('<a onclick="$(\'#menu\').load(\'USERS_edit.php?id='+aData.id+'\');" class="name edit" id="showmenu"><span id="'+aData.id+'-first_name">'+aData.first_name+'</span> <span id="'+aData.id+'-last_name">'+aData.last_name+'</span></a><span id="'+aData.id+'-username">'+aData.username+'</span>');
$('td:eq(3)', nRow).html('<a onclick="$(\'#menu\').load(\'USERS_edit.php?id='+aData.id+'\');" id="showmenu" class="edit"><i class="linecons-pencil"></i>Edit</a><a class="delete" id="deactivate"><i class="linecons-trash"></i>Deactivate</a>');
return nRow;
},
});
var myTable = $('#user_list').DataTable();
yadcf.init(myTable, [
{column_number : 0, filter_type: 'none'},
{column_number : 1, filter_type: 'text'},
{column_number : 2, filter_type: 'text'}
]);
});
</script>
这是具体的线路应该initialase的popconfirm
<a class="delete" id="deactivate"><i class="linecons-trash"></i>Deactivate</a>
的popconfirm JS在这里找到:https://github.com/Ifnot/PopConfirm
以下是在ID为“停用”的情况下初始化popconfirm的代码:
<script type="text/javascript">
$(document).ready(function() {
// Custom Title, Content and Placement
$("#deactivate").popConfirm({
title: "Are you sure?",
content: "All previous records of this user will be maintained on the system for consistency",
placement: "left",
noBtn: "Cancel"
});
});
</script>
我试图将其更改为:
$( '#主要内容')准备就绪(函数(){
和
$( '主体') .ready(函数(){
确保它被初始化为出现在正文或主内容DIV中的任何东西,但仍然没有运气....
我在这里丢失了一些简单的东西,还是弹出确认本身不会像这样工作?在你的页面jquery.popconfirm.js:
感谢
确实是这样,我已经通过Chrome的控制台走了,可以看到它,此外 - 它不起作用,当不包含在AJAX调用 – user3274489