使用Javascript弹出显示页面

我的网页上有一个按钮。一旦我点击这个按钮，弹出窗口就会出现一些文字。在这里，我需要在弹出显示另一个HTML页面我已经给了我下面的代码，请帮我使用Javascript弹出显示页面

<!doctype html> 
<html> 
<head> 
    <link type="text/css" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:400,500"> 
    <link type="text/css" rel="stylesheet" href="popModal.css"> 
</head> 
<body> 
<button id="notifyModal_ex1" class="btn btn-primary">Example</button> 
<div id="content2" style="display:none"> 
    ghjgh 
</div> 
<script src="popModal.js"></script> 
<script> 
    $(function(){ 
     $('#notifyModal_ex1').click(function(){ 
      $('#content2').notifyModal({ 
       duration : 1500, 
       placement : 'center', 
       overlay : true, 
       type : 'notify', 

       onClose : function() {} 
      }); 
     }); 
    }); 
</script> 
</body> 
</html>

来源

2016-01-06 Kannan Chakkara

你可以按'f12'来打开开发者控制台，然后进入'控制台'选项卡，让我们知道它在那里说了什么。可能会有一个错误，这会给我们更多的见解。 –

尝试使用jQuery的load()：

$('#content2').load("page/url").notifyModal()

要显示加载消息：

$('#content2').text("Loading, please wait...").load("page/url").notifyModal()

或者当负载端打开模式：

$('#content2').load("page/url", function() { 
    $('#content2').notifyModal(); 
})

如load() docs描述：从服务器

负载数据和返回的HTML放入匹配元素。

所以它会加载一个html响应，并且将附加到目标元素。

来源

2016-01-06 12:55:09 DontVoteMeDown

$（'＃content2'）.load（“index.html”）。notifyModal（{..，仍然不起作用 –

@KannanChakkara它应该是因为'load（）'直接支持.html文件。 'content2'元素的'display：none'，然后这个'$（'＃content2'）.load（“index.html”）'并告诉我们结果，检查内容是否加载到div中 – DontVoteMeDown

没有（'＃content2'）。load（“index.html”）（{ –

使用Javascript弹出显示页面

回答

相关问题