jquery mobile нажмите h3 для всплывающего окна

Question

jquery mobile нажмите h3 для всплывающего окна

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>

Может ли кто-нибудь пролить свет на то, как я могу это сделать?

bagofmilk 23 сен. 2013, в 23:22

Источник

Теги:

jquery

popup

jquery-mobile

1 ответ

Ещё вопросы

dileep kommireddy · Accepted Answer · 2013-09-24T04-35-00.000Z

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/