Javascript jquerymobileon按钮
嘿,伙计们,我这里有这个代码,除了一个问题,所有的东西似乎都很好。。。 我在代码中有一个j query手机弹出按钮,它不是一个按钮,实际上根本不起作用 是因为我的抄写吗? 还是有什么东西干扰了我的背景 我还尝试用CDN标记jquery脚本和jquery移动脚本,但是我的google chrome给了我一个永远的加载轮,并且没有显示任何jquery内容Javascript jquerymobileon按钮,javascript,jquery,html,css,jquery-mobile,Javascript,Jquery,Html,Css,Jquery Mobile,嘿,伙计们,我这里有这个代码,除了一个问题,所有的东西似乎都很好。。。 我在代码中有一个j query手机弹出按钮,它不是一个按钮,实际上根本不起作用 是因为我的抄写吗? 还是有什么东西干扰了我的背景 我还尝试用CDN标记jquery脚本和jquery移动脚本,但是我的google chrome给了我一个永远的加载轮,并且没有显示任何jquery内容 <!DOCTYPE html> <html> <head> <meta name="viewpor
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="jquery.mobile-1.4.5.css">
<script src="jquery.js"></script>
<script src="jquery.mobile-1.4.5.js"></script>
<style>
body {
background-image: url(myhostedwebsiteurl.jpeg);
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
background-color: #464646;
}
</style>
<link rel="stylesheet" type="text/csc" href="additionbutton.css"/>
</head>
<body>
<div data-role="page" id="pageone">
<div data-role="header">
<br>
<br>
<br>
<br>
<br>
<h1 style="text-align:center"> <font face="comic sans ms" color= #F781F3><b> <marquee> blah blah</marquee></b></h1>
</div>
<div data-role="main" class="ui-content">
<a href="#myPopup" data-rel="popup" class="ui-btn ui-btn-inline ui-corner-all">About the Game</a>
<div data-role="popup" id="myPopup">
<p>text goes here but its not working </p>
</div>
身体{
背景图像:url(myhostedwebsiteurl.jpeg);
背景位置:中心;
背景重复:无重复;
背景附件:固定;
背景尺寸:封面;
背景色:#4646;
}
废话
文本在这里,但它不起作用
您的代码似乎是正确的,虽然不是很干净,但这在这里并不重要
我只是复制并粘贴了你的代码片段来测试它,它按照预期工作,请参见此
只需确保脚本文件已正确加载,并且您拥有正确的jQuery版本(当前为jQuery mobile兼容性的1.11.1)
要使用CDN中的所有脚本,请按照如下顺序在您的头脑中输入:
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" />
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
我还测试了您的代码,以及最新版本的JQuery 2.1.3和最新的JQuery移动CDN: 包括一些代码修复和清理:
<div data-role="page" id="pageone">
<div data-role="header">
<br />
<br />
<br />
<br />
<br />
<h1 style="text-align:center">
<font face="comic sans ms" color= #F781F3>
<b>
<marquee> blah blah</marquee>
</b>
</font>
</h1>
</div>
<div data-role="main" class="ui-content">
<a href="#myPopup" data-rel="popup" class="ui-btn ui-btn-inline ui-corner-all">About the Game</a>
<div data-role="popup" id="myPopup">
<p>text goes here but its not working</p>
<br />
<p>Test</p>
</div>
</div>
</div>
废话
文本在这里,但它不起作用
试验
如果这仍然不适用于您,请提供更多详细信息。包括您正在测试的浏览器和版本、控制台中出现的错误以及复制问题需要采取的步骤。使用引导: