在頁面加載時顯示模式對話框

Fiddle：這是鏈接到我的問題。在頁面加載時顯示模式對話框

<div id="openModal" class="modalDialog"> 
    <div> 
     <a href="#close" title="Close" class="close">close</a> 
     <h2>Modal Box</h2> 
    </div> 
</div>

我想要這個模式框在頁面加載時自動打開。

來源

2014-03-13 sam

你已經標記爲jQuery，但你的小提琴沒有。你在使用它嗎？ – CodingIntrigue

看起來，最初ModalBox是隱藏的，可能使用

display:hidden

然後

$(documnet).ready(function{ 
    $('#openModal').css('display','block') 
});

來源

2014-03-13 08:38:10 gaurav5430

由於您使用的:target選擇，你可以只設置在頁面加載窗口的位置：

window.location.href = "#openModal";

http://jsfiddle.net/7LcRN/

在你執行腳本（的jsfiddle會自動添加一個onload事件你），你將需要一個事件添加到頁面加載來觸發此：

<body onload="window.location.href = '#openModal'"> 
    // Your HTML 
</body>

或者使用addEventListener：

window.addEventListener("load", function() { 
    window.location.href = "#openModal"; 
});

我也刪除了所有對您的load()函數的引用，這些函數不存在。另外，<div>沒有onload事件。

來源

2014-03-13 08:43:05 CodingIntrigue

（這個可惡的:target CSS笑）

唯一的方法有onload是：IFRAME，IMG，身體。 div沒有它。

另外 - 你沒有功能load，你沒有功能，當點擊div。

你想要的是：既然不存在，它刪除load功能，補充一點：

$(function(){ 

    $("a:first")[0].click(); //simulate the behaviour which will 
          //trigger that css `.modalDialog:target{...}` 
});

http://jsfiddle.net/RU5m8/10/

來源

2014-03-13 08:43:30

在JavaScript試試這個：

它將無法在jsfiddle中運行，但在您的頁面中應該沒問題

來源

2014-03-13 08:43:44

觸發點擊網頁加載...

$(document).ready(function(e) 
{ 
    $("a")[0].trigger('click'); 
});

來源

2014-03-13 08:49:38

做兩起發生在你的jsfiddle代碼

步驟：1）添加和jQuery文本格式下拉。

步：2）在你的代碼添加婁代碼

 $(document).ready(function() { 
     $('a').get(0).click(); 
     });

，看看它是否工作，只要你想，它也更新JS鏈接可以是「http://jsfiddle.net/RU5m8/11/」

我希望它有幫助給你

來源

2015-03-12 12:15:41 lalitpatadiya

在頁面加載時顯示模式對話框

回答

相關問題