0

ユーザーが見出し (h3) をクリックしたときにポップアップ メニューを開く方法を見つけようとしています。

(jQuery 1.9.1 および jQM 1.3.1 を使用)

HTML

<div data-role='header' data-theme='b'>
  <h3 data-rel='popup' href='#projectsOpen' id='projectName'>*Untitled</h3>
</div>


<div data-role='popup' id='projectsOpen' data-theme='a' class='ui-corner-all'>
  <ul data-role='listview' id='projectList'>
   <li><input type='radio' id='newproj' checked='checked'/><span>Create New Project</span></li>
   <li><input type='radio' id='project1'/><span id='project1Title'></span></li>
  </ul>
</div>

どうすればこれを行うことができるかについて、誰かが光を当てることができますか?

4

1 に答える 1

1 
It seems this fixs your issue..



<div data-role="page" id="p1"> 
      <div data-role='header' data-theme='b'>
      <h3 data-rel='popup' id='projectName'>*Untitled</h3>
    </div>   
    <div data-role='popup' id='projectsOpen' data-theme='a' class='ui-corner-all'>
      <ul data-role='listview' id='projectList'>
       <li><input type='radio' id='newproj' checked='checked'/><span>Create New Project</span></li>
       <li><input type='radio' id='project1'/><span id='project1Title'></span></li>
      </ul>
    </div>
  </div> 



 //jquery   

      $("#projectName").click(function(){
                $("#projectsOpen").popup("open");
        });


 you can observe here

    http://jsfiddle.net/N7Z9e/2254/
于 2013-09-24T06:45:16.173 に答える