title: How to use JQuery mobile
body: <p>I'm studying jQuery mobile but I could not figure out why this code does not work at my script "tap". I have already seen a lot of time and I'm referring the code from jQuery. <a href="https://api.jquerymobile.com/tap/" rel="nofollow noreferrer">https://api.jquerymobile.com/tap/</a></p>
  
  <p>The code is as follows:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  
      &lt;meta name="viewport" content="width=device-width,initial-scale=1.0"/&gt;
      &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"/&gt;
      &lt;link rel="stylesheet" href="//code.jquery.com/mobile/1.5.0-alpha.1/jquery.mobile-1.5.0-alpha.1.min.css"&gt;
  
      &lt;script src="//code.jquery.com/jquery-3.2.1.min.js"&gt;&lt;/script&gt;
      &lt;script src="//code.jquery.com/mobile/1.5.0-alpha.1/jquery.mobile-1.5.0-alpha.1.min.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;script&gt;
  
      $("#dsa").bind("tap",qq);
      function qq(event){
          $(event.target).css("background-color","#F0F");
          }
      &lt;/script&gt;
      &lt;div data-role="page" data-title="Tableau測試" data-theme="b"&gt;
          &lt;div data-role="header"&gt;
          &lt;p&gt;從下方選單選擇一個想看的東西&lt;/P&gt;
          &lt;/div&gt;
          &lt;div data-role="content"&gt;
              &lt;ol data-role="listview"&gt;
                  &lt;li&gt;&lt;a href="20180615-0001.html" rel="external"&gt;20180615-0001&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="test.html" rel="external"&gt;test&lt;/a&gt;&lt;/li&gt;
                  &lt;div&gt;&lt;p id="dsa" style="background-color:#0F6"&gt;fnhdjiahgdifsaghui&lt;/p&gt;&lt;/div&gt;
              &lt;/ol&gt;
          &lt;/div&gt;
          &lt;div data-role="footer" id="foo"&gt;
          &lt;p&gt;&lt;/P&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p></p>