2013-06-18 38 views
0

我有小問題,我正在使用Reveal Modal Popup我的問題是,我想打電話給只有div而不是超鏈接<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.jsreveal.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">&#215;</a> 
    </div> 

只有想要在div中調用,因爲我想在事件發生時使用這個php。

+1

什麼不行? – tymeJV

+1

它的工作我的問題是,它是如何打開的div只有當點擊發生時,我只是想打開沒有回撥等...... –

+0

你的意思是你想打開模式通過點擊** DIV **而不是一個*錨*? –

回答

1

這裏是解決方案:

$(function() { 
    $('#myModal').reveal(); 
}); 

OR

$(document).ready(function() { 
    $('#myModal').reveal(); 
}); 

OR

<script type="text/javascript"> 
$(document).ready(function() { 
    $('#myModal').reveal(); 
}); 
</script> 

OR

如果你有麻煩這對使用其他頁面上工作.js庫,其中JQuery NoC onflict被使用 - 在這種情況下試試這個:

jQuery(document).ready(function($) { $('#myModal').reveal(); }); 
+1

這是工作感謝最後一個例子的作品!我使用的是jQuery No Conflict –

+0

@AppzVenture **很棒的** –