0

自分で作成した関数を実行したいのですが、true の場合は jQuery Mobile PopUp を実行しますが、方法がわかりません。

これが私がすべきだと思うことです：

$(document).ready(function() {
   var finished = false;
   $("#mytest").click(function() {
      // RUN MY FUNCTION AND THE IF TRUE RUN POPUP
      if(finished == true){
         // ACTIVATE JQUERY MOBILE POPUP FUNCTION
      }
   });
});

次に、次のように mytest 関数をアクティブにする必要があります。

<a style="height: 75px;" href="" data-rel="popup" data-role="button" id="mytest">Test</a>

何も起こらないようですが？mytest 関数の内部に入っていないようです。入ったときに、ポップアップ機能を有効にするにはどうすればよいですか?

助けを願っています:-)

4

2 に答える 2

0

実際の例を参照してください: finished == trueおよびfinished == false : ボタンをクリックして何が起こるかを確認してください...
1) finished == true: ポップアップが自動的に開きます
2) finished == false: 以前はポップアップが開かreturn falseないようにしていました

脚本：

 $(document).bind('pageinit', function() {
       $("#mytest").click(function() {
         var finished = false;
         // RUN MY FUNCTION AND THEN IF TRUE RUN POPUP (WILL OPEN AUTOMATICALLY)
         if(finished == false){
           // PREVENT OPENING POPUP
           return false;
         }
       });
     });

完全な例:

<html>
<head>
    <meta charset="utf-8">
    <title>popup</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
    <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
</head>

<body>
  <div data-role="page" id="myPage">
    <div data-role="content">
      <h1>Popup</h1>
      <a style="height: 75px;" href="#eat" data-rel="popup" data-role="button" id="mytest">Test</a>
    </div>

    <section data-role="popup" data-overlay-theme="a" id="eat">
      Are you sure you want to eat?
    </section>

    <script>
     $(document).bind('pageinit', function() {
       $("#mytest").click(function() {
         var finished = false;
         // RUN MY FUNCTION AND THEN IF TRUE RUN POPUP (WILL OPEN AUTOMATICALLY)
         if(finished == false){
           // PREVENT OPENING POPUP
           return false;
         }
       });
     });
    </script>
  </div>

</body>
</html>
于 2012-12-04T19:20:39.950 に答える
0

これを試して！

    <!DOCTYPE html> 
<html>
<head>
    <meta charset="utf-8">
    <title>popup</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
    <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>

      <script>
       $().ready(function () {
          $(document).bind('pageinit', function () {
              $("#mytest").click(function () {
                  var finished = false;
                  // RUN MY FUNCTION AND THEN IF TRUE RUN POPUP (WILL OPEN AUTOMATICALLY)
                  if (finished == false) {
                      // PREVENT OPENING POPUP
                      return false;
                  }
              });
          });

      });
    </script>
</head>

<body>
  <div data-role="page" id="myPage">
    <div data-role="content">
      <h1>Popup</h1>
      <a style="height: 75px;" href="#eat" data-rel="popup" data-role="button" id="mytest">Test</a>
    </div>



    <div data-role="popup" id="eat" data-theme="c" data-overlay-theme="c">
    Eat Something
    </div>


  </div>

</body>
</html>
于 2013-04-05T10:51:14.257 に答える