Cha*_*kjh 14 mobile jquery popup
即时通讯使用jquery mobile.我试图创建一个弹出窗口.我发现这个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>