Reveal Modal Popupを使用している問題はほとんどありません。私の問題は、ハイパーリンクで<a> tag
はなく、ページの読み込みでもなく、div のみでこれを呼び出したいということです。
Reveal.js のコードは次のとおりです。
$('div[data-reveal-id]').live('click', function(e) {
e.preventDefault();
var modalLocation = $(this).attr('data-reveal-id');
$('#'+modalLocation).reveal($(this).data());
});
ここに完全な Reveal.js があり ます
htmlのコードは次のとおりです。
<a href="#" class="big-link" data-reveal-id="myModal" data-animation="fade">
Fade and Pop
</a>
<div id="myModal" class="reveal-modal">
<h1>Reveal Modal Goodness</h1>
<p>This is a default modal in all its glory, but any of the styles here can easily be changed in the CSS.</p>
<a class="close-reveal-modal">×</a>
</div>
イベントが発生したときにphpでこれを使用したいので、divでのみ呼び出したいです。