Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/366.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/2/jquery/80.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 jQuery移动插件弹出式支持_Javascript_Jquery_Jquery Ui_Jquery Mobile_Jquery Plugins - Fatal编程技术网

Javascript jQuery移动插件弹出式支持

Javascript jQuery移动插件弹出式支持,javascript,jquery,jquery-ui,jquery-mobile,jquery-plugins,Javascript,Jquery,Jquery Ui,Jquery Mobile,Jquery Plugins,我想使用创建一个弹出窗口 以下是jquery托管的cdn托管文件: 就我所知,它为什么不起作用 下面是我尝试使用jquery创建的内容 $( "head" ).append ('<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" /><script src="http:/

我想使用创建一个弹出窗口

以下是jquery托管的cdn托管文件:

就我所知,它为什么不起作用



下面是我尝试使用jquery创建的内容

$( "head" ).append ('<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>');
$( ".target" ).append('<a href="#popupCloseRight" data-rel="popup" class="ui-btn ui-corner-all ui-shadow ui-btn-inline">Right close button</a><div data-role="popup" id="popupCloseRight" class="ui-content" style="max-width:280px"><a href="#" data-rel="back" class="ui-btn ui-corner-all ui-shadow ui-btn-a ui-icon-delete ui-btn-icon-notext ui-btn-right">Close</a><p>I have a close button at the top right corner with simple HTML markup.</p></div>');
$(“head”)。追加(“”);
$(“.target”).append(“我在右上角有一个带有简单HTML标记的关闭按钮。

”);

$(document).bind('mobileinit',function(){
$.mobile.changePage.defaults.changeHash=false;
$.mobile.hashListengEnabled=false;
$.mobile.pushStateEnabled=false;
});
流行音乐


$(document).bind('mobileinit',function(){
$.mobile.changePage.defaults.changeHash=false;
$.mobile.hashListengEnabled=false;
$.mobile.pushStateEnabled=false;
});
流行音乐


在JSFIDLE中,您必须在左侧菜单的“外部资源”下输入外部“css”和“js”文件:

除此之外,JSFIDLE要求https而不是http


完成后,.

在JSFIDLE中,您必须在左侧菜单的“外部资源”下输入外部“css”和“js”文件:

除此之外,JSFIDLE要求https而不是http


完成后,.

在使用jQuery函数之前,必须先加载jQuery.js。或者可以使用Javascript插入它们。在使用jQuery函数之前,必须先加载jQuery.js。或者可以使用Javascript插入它们。
  <!-- Include meta tag to ensure proper rendering and touch zooming -->
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <!-- Include jQuery Mobile stylesheets -->
  <link rel="stylesheet"   href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">

  <!-- Include the jQuery library -->
  <script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
  <script>
    $(document).bind('mobileinit',function(){
      $.mobile.changePage.defaults.changeHash = false;
      $.mobile.hashListeningEnabled = false;
      $.mobile.pushStateEnabled = false;
    });
  </script> 

  <!-- Include the jQuery Mobile library -->
  <script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>

</head>
  <body>
    <a href="#popupBasic" data-rel="popup" class="ui-btn ui-corner-all ui-shadow  ui-btn-inline" id="pop" data-transition="pop">Basic Popup</a>
      <div data-role="popup" id="popupBasic">
        <p>pop!!</p>
      </div>