gpt4 book ai didi

javascript - 按钮上的 Jquery Mobile

转载 作者:行者123 更新时间:2023-11-28 06:52:45 24 4
gpt4 key购买 nike

嘿伙计们,我这里有这段代码,除了一个问题外,一切似乎都工作正常......我在代码中有一个 j 查询移动弹出按钮,它不能作为一个按钮使用,它实际上根本无法运行我的脚本有问题吗?还是它干扰了我的背景?

我也尝试过 CDN jquery 脚本和 Jquery 移动脚本,但是我的谷歌浏览器永远给了我一个加载轮并且不显示任何 jquery 东西

<!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>

最佳答案

您的代码似乎是正确的,虽然不是很干净 - 但这在这里并不重要。

我刚刚复制并粘贴了您的代码片段以对其进行测试,它按预期工作,请参阅 fiddle .

只需确保脚本文件已正确加载并且您拥有正确的 jQuery 版本(当前为 1.11.1 以实现 jQuery 移动兼容性)。

要使用来自 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>

关于javascript - 按钮上的 Jquery Mobile,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33685821/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com