Jquery UI dialog box is not working
Jquery UI dialog box is not working
Hello all,
I'm new to Jquery so to DataTables. I'm trying to find my way around things. I managed to display data with server-side. I have links ready such as
[code]
Data TITLE[/code]
I tried the trick which I can display without any problems when I don't use DataTables. I guess once you use DataTables, I must do it in a different way.
Here is my JS
[code]
$(document).ready(function() {
$('a.deleter').bind('click', function (){
alert("clicked");
});
});
$(function () {
$('#table').dataTable({
"bJQueryUI": true,
"sScrollX": "",
"bSortClasses": false,
"aaSorting": [[0,'desc']],
"bAutoWidth": true,
"bInfo": true,
"sScrollY": "100%",
"sScrollX": "100%",
"bScrollCollapse": true,
"sPaginationType": "full_numbers",
"bRetrieve": true,
"bProcessing": true,
"bServerSide": true,
"sAjaxSource": "dataTable.php",
"aoColumns": [null, null, null, null, null, { "asSorting": [] } ]
});
$('.sorting_disabled').unbind('click');
});[/code]
I am expecting an alert containing "clicked" but I can't get anything. How can I solve my problem?
I guess I'm the only one with this problem. Considering I couldn't find related subject in search.
Thank you all for your time and concern in advance.
I'm new to Jquery so to DataTables. I'm trying to find my way around things. I managed to display data with server-side. I have links ready such as
[code]
Data TITLE[/code]
I tried the trick which I can display without any problems when I don't use DataTables. I guess once you use DataTables, I must do it in a different way.
Here is my JS
[code]
$(document).ready(function() {
$('a.deleter').bind('click', function (){
alert("clicked");
});
});
$(function () {
$('#table').dataTable({
"bJQueryUI": true,
"sScrollX": "",
"bSortClasses": false,
"aaSorting": [[0,'desc']],
"bAutoWidth": true,
"bInfo": true,
"sScrollY": "100%",
"sScrollX": "100%",
"bScrollCollapse": true,
"sPaginationType": "full_numbers",
"bRetrieve": true,
"bProcessing": true,
"bServerSide": true,
"sAjaxSource": "dataTable.php",
"aoColumns": [null, null, null, null, null, { "asSorting": [] } ]
});
$('.sorting_disabled').unbind('click');
});[/code]
I am expecting an alert containing "clicked" but I can't get anything. How can I solve my problem?
I guess I'm the only one with this problem. Considering I couldn't find related subject in search.
Thank you all for your time and concern in advance.
This discussion has been closed.
Replies
Sorry for my stupidity. I am a newbie so I'm making mistakes. When I displayed the source code of the page, I realized data's weren't inside of the source code. Instead of binding the clicked link, I just used `live` and it works.