jQuery click event is not handled

Okay. I get that I made a mistake by using the $('.option-list #add') instead of using

$('.option_list #add').

 

Now, I'm using $('#add') and it's still not working.

 

Instead of

 

$(document).ready(function () { $('#timeslotdetails').DataTable(); $('.option-list #add').click(function () { $('#addDialog').css('display:inline'); $('#addDialog').dialog(); }); });

 

i used

 

$(document).ready(function () {$('.option-list #add').click(function () { $('#addDialog').css('display:inline'); $('#addDialog').dialog(); }); $('#timeslotdetails').DataTable();});

 

This worked for me. But I don't get the reason. I need to use the options for the 'Dialog' plugin and the 'Datatable' plugin. So, I changed my js code to these

 

1.

$(document).ready(function () { $('#add').click(function () { $('#addDialog').dialog({ draggable: false, resizable: false, height: 'auto', width: 'auto', buttons: [ { text:"Submit", click:function(){ } } ] }); }); }); $('#timeslotdetails').DataTable({ dom: "Bfrtip", ajax: "../TimeSlotDetailsAddPopup.asmx/GetTimeSlots", columns: [ { data: "Name" }, { data: "Duration" }, { data: "Type" }, { data: "Frequency" } ], select: true, buttons: [ { extend: "create", editor: editor }, { extend: "edit", editor: editor }, { extend: "remove", editor: editor } ] }); })

 

2. dialog with options and datatable without option

3.dialog without options and datatable with options

4.both dialog and datatable with options

Whenever I used dialog and datatable with options,they just don't work at all. I inspected them and the errors are attached with this reply for each of those above mentioned ways.

The code has

 

$('.option-list #add')

 

but i don't see ".option-list" in the posted markup. Try

 

$('#add')

Hello Suraj sharma

 

Click on inspect and go to console tab and check the error and try to solve the error or share what is the error or share the entire code 

 

Try to debug in browser and check error

Try to check all references of Jquery