Magnificent Popupでは、クリックしたリンク内の属性を取得し、コールバック関数(callbacks:openを使用)で使用してDOMを変更します。Magnificent Popup:コールバックの現在の要素を取得
どうすればいいですか?たとえば、以下のコードでは、 'それは動作します'というメッセージがコンソールに返されます。代わりに 'doesnt work'を表示します。助けてください!!
<a href="#test-popup" class="open-popup-link" myatt="hello">Show inline popup</a>
<script src="jquery.magnetic.custom.js"></script>
<script>
$(document).ready(function() {
$('.open-popup-link').magnificPopup({
type:'inline',
midClick: true,
callbacks: {
open: function() {
if ($(this).attr('myatt')=="hello")
{
// do something
console.log("it works");
}
else
{
console.log("doesnt work");
}
},
close: function() {
}
}
});
});
</script>
<div id="test-popup" class="white-popup mfp-hide">
Popup content
</div>
上記のみMagnificポップアップの古いバージョンのために働くに注意すること。過去のバージョン0.9.8を使用している場合は、下記の@Konpakaの回答をご覧ください。 – Styledev