Question

我在我的网站上添加了一个列表，如下所示;

   <ul>
      <li><a href="#Video">Video</a></li>
   </ul>

目前，当用户点击此按钮时，视频页面会打开，但是，我想要做的是，在视频页面打开时，我还要添加一个弹出窗口，说“这是视频页面”。 / p>

我在网上搜索过，但我似乎找不到任何需要的东西，我找到了这个，但我似乎无法用这段代码整合我的列表;

<a href="#popupBasic" data-rel="popup">Open Popup</a>

<div data-role="popup" id="popupBasic">
    <p>This is a completely basic popup, no options set.<p>
</div>

此外，如果可能，我希望弹出窗口在一定时间后自动关闭，例如3秒

我试过了，但只打开了第一个链接;

<div data-role="popup" id="popupBasic">
    <p>This is a completely basic popup, no options set.<p>
</div>

   <ul>
      <li><a href="#popupBasic" data-rel="popup" href="#Video">Video</a></li>
   </ul>

Answer 1

这使用jquery ui来完成你想要的。它会弹出一个对话框，等待3秒，然后在3秒后关闭它

JSFiddle：jsfiddle.net/mcf2280/tbyuys9w/7 /

    $(function() {
        $("#popupBasic").dialog({ autoOpen: false });
        $(".navButton").click(function() {
            var text = $(this).text();
            $("#popupBasic").html('<p>'+text+'</p>');
            $("#popupBasic").dialog('open')
            window.setTimeout(closeAlert, 3000);
        });
        function closeAlert(){
            $("#popupBasic").dialog('close');
        } 
    });

在jquery mobile中添加弹出窗口

1 个答案: