Magnific popup works only with the results of first 10 records of the page. Popup links do not work on the second and subsequent pages. Any help ??
sample Code :
<td id="{{eflist[entry]['_id']}}_stat"><a class="popup-with-form" href="#test-form" id="{{eflist[entry]['_id']}}">{{eflist[entry]['status']}}</a></td>
var $j = jQuery.noConflict(true);
<link rel="stylesheet" href="/static/css/magnific-popup1.css">
//jQuery.noConflict();
$(function(){
$("#table_id").dataTable().makeEditable({
sUpdateURL: function(value, settings){
alert("Custom function for posting results");
return value;
},
"aoColumns": [null, null, null, null, null, null,null,
{ type: 'select',
onblur: 'submit',
data: "{'':'Please select...', 'A':'A','B':'B','C':'C'}",
sUpdateURL: function(value, settings){
// "fnDrawCallback": function( oSettings ) {
alert("Custom function for posting results");
return value;
// }
}
}
]
});
});
//editor = new $.fn.dataTable.Editor();
//$('#table_id tbody').on('click', 'tr', function() {
$('#table_id').on('click', 'tbody td', function (e) {
//var name = $('td', this).eq(0).text();
//alert(name);
editor.bubble(this);
});
$("a.nopropagate").click(function(event) {
event.stopPropagation ? event.stopPropagation() : event.cancelBubble = true;
});
//Magnific Popup code starts
//Files required jquery.magnific-popup.js, magnific-popup1.css, jquery.min.1.9.1.js
$j(document).ready(function() {
$('.popup-with-form').magnificPopup({
type: 'inline',
preloader: false,
focus: '#name',
// When elemened is focused, some mobile browsers in some cases zoom in
// It looks not nice, so we disable it:
callbacks: {
beforeOpen: function() {
if($j(window).width() < 700) {
this.st.focus = false;
} else {
this.st.focus = '#Status';
//var des = id + "_des";
//var x=document.getElementById(des).value;
//alert(x);
//$("#name").val(id);
//$("#textarea").val(x);
}
}
}
});
});
shahabidh
Posts: 1Questions: 0Answers: 0
Replies
Top FAQ :-).
Allan