При нажатии на ссылку на моей странице отображается предупреждение с идентификатором рассматриваемого элемента. Но следующее, что происходит (всплывающее окно, вызванное URL-адресом + строка запроса, содержащая этот идентификатор), отображается как неопределенное. Итак, я просто пытаюсь понять, почему идентификатор переменной не содержит значение при вызове всплывающего окна.
Изменить: Итак, теперь с текущими изменениями требуется 2 клика, чтобы всплывающее окно отображалось с правильной строкой запроса/идентификатором. Любые идеи? При изменении .magnificPopup на .magnificPopup.open ничего не происходит при нажатии.
Изменить: Теперь все работает. Исправлена строка с: $.magnific.open для удаления привязанного к ней имени класса. Теперь все работает идеально. Спасибо за помощь!
<head><meta charset='UTF-8'>
<link rel='stylesheet prefetch' href='magnific-popup/magnific-popup.css'>
</head><body>
<script src='magnific-popup/jquery-2.1.4.min.js'></script>
<script src='magnific-popup/magnific-popup.js'></script>
<script type="text/javascript">
$(document).ready(function () {
$('.simple-ajax-popup2').click(function () {
ID = $(this).data("var1");
// alert(""+ID+"");
$.magnificPopup.open({
items: {
src: 'Test.html?ID=' + ID + ''
},
type: 'iframe',
});
});
});
</script>
<a class="simple-ajax-popup2" data-var1="1" href='#' >
test 1
</a> <br>
<a class="simple-ajax-popup2" data-var1="2" href='#' >
test 2
</a> <br>
<a class="simple-ajax-popup2" data-var1="3" href='#' >
test 3
</a>
</body></html>