jquery mobile点击h3弹出答案

【问题标题】：jquery mobile click h3 for popupjquery mobile点击h3弹出
【发布时间】：2013-09-23 20:25:11
【问题描述】：

我试图弄清楚当用户单击标题 (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>

谁能告诉我如何做到这一点？

【问题讨论】：

使用 jQM 时，代码是内置的，用于定义哪些 div 是弹出窗口以及哪些元素是打开弹出窗口的元素。假设，如果您设置 HTML - jQM 将启动代码
听起来你是在正确的轨道上。试一试看看。
嗯，这就是我发布这个的原因 - 我不知道从这里去哪里
文档是你最好的朋友。请参阅 http://api.jquerymobile.com/popup/ 和 http://jquerymobile.com/demos/1.2.0/docs/pages/popup/index.html。虽然我之前没有使用过 jQuery Mobile，但我只是在 Google 上搜索了这个特定小部件的文档。
jsfiddle.net/Palestinian/p3wx8$('#projectName').on('click', function () { $('#projectsOpen').popup('open'); });

标签： jquery jquery-mobile popup

【解决方案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/

【讨论】：