jquery移動按鈕

嘿傢伙我這裏有這段代碼一切似乎工作正常，除了一個問題... 我有aj查詢移動彈出按鈕的代碼，它不工作作爲一個按鈕，它實際上甚至沒有運作在所有這是我的scripiting？還是這是干擾我的背景？jquery移動按鈕

我也試圖CDN jQuery的腳本和jQuery Mobile的劇本，但後來我谷歌瀏覽器永遠給我一個負重輪，並且不顯示任何的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>

來源

2015-11-13 artbarzz

使用自舉：[小提琴]（http://jsfiddle.net/oLxxz9h4/3/） – Raviteja

您的代碼似乎是正確的，但不是很乾淨 - 但這並不重要。

我只是複製並粘貼你的代碼片段來測試它和它的作品如預期，看到這個fiddle。

只要確定，該腳本文件被正確加載，你有正確的jQuery的版本（目前1.11.1 jQuery Mobile的兼容性）。

要使用的所有腳本從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>

來源

2015-11-13 06:27:51 Decay42

我還測試了你的代碼，使用jQuery 2.1.3的最新版本一起，和最新的JQuery手機的CDN：http://jsfiddle.net/Twisty/1v946soo/

包括一些代碼修復和清理：

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

如果這仍是不適合你的工作，請提供更多的細節。包括您與測試瀏覽器版本，如果任何出現在控制檯什麼錯誤，就需要採取複製問題什麼步驟。

來源

2015-11-13 21:31:41 Twisty

jquery移動按鈕

回答

相關問題