Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/spring-mvc/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jquerymobileon按钮_Javascript_Jquery_Html_Css_Jquery Mobile - Fatal编程技术网

Javascript jquerymobileon按钮

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

嘿,伙计们,我这里有这个代码,除了一个问题,所有的东西似乎都很好。。。 我在代码中有一个j query手机弹出按钮,它不是一个按钮,实际上根本不起作用 是因为我的抄写吗? 还是有什么东西干扰了我的背景

我还尝试用CDN标记jquery脚本和jquery移动脚本,但是我的google chrome给了我一个永远的加载轮,并且没有显示任何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>

身体{
背景图像: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>






废话 文本在这里,但它不起作用


试验

如果这仍然不适用于您,请提供更多详细信息。包括您正在测试的浏览器和版本、控制台中出现的错误以及复制问题需要采取的步骤。

使用引导: