im使用
jquery手机.我试图创建一个弹出窗口.我发现这个simpel代码应该工作.
http://jquerymobile.com/branches/popup-widget/docs/pages/popup/index.html
我在示例中尝试了代码
<a href="#popupBasic" data-rel="popup">Tooltip</a>
<div data-role="popup" id="popupBasic">
This is a completely basic popup,no options set.
</div>
但是当我将它放在我自己的代码中时,div仍然会显示,当我点击按钮时,它会转到另一个页面,而不是一个弹出窗口.有人能帮我吗？
解决方法
嗯…我已经得到它的工作(下面的示例代码,抱歉的混乱的字符串,我无法得到它显示在代码块否则)…但我想知道你如何找到这个页面？这似乎不是最新的jQuery Mobile发布候选人的一部分…所以我的猜测是它不适合你,因为你的JS和CSS引用没有指向实际包含相应的代码的文件？
<!DOCTYPE html>
<html class="ui-mobile-rendering">
<head>
<Meta charset="utf-8"/>
<Meta name="viewport" content="width=device-width,initial-scale=1"/>
<title>JQM popup test</title>
<link rel="stylesheet"
href="http://jquerymobile.com/branches/popup-widget/css/themes/default/jquery.mobile.css"/>
<script src="http://jquerymobile.com/branches/popup-widget/js/jquery.js"></script>
<script src="http://jquerymobile.com/branches/popup-widget/js/"></script>
</head>
<body>
<a href="#popupBasic" data-rel="popup">Tooltip</a>
<div data-role="popup" id="popupBasic">This is a completely basic popup,no options set.</div>
<div>Other</div>
<div>Random</div>
<div>Text</div>
</body>
</html>
