Question

我想制作一个像弹出项目的选择框，我来到这个链接 http://tympanus.net/Tutorials/NaturalLanguageForm/

因为他们已经完成了选择框覆盖方法。当点击食物时，它会在弹出窗口中显示项目列表。任何人都可以告诉我如何使用jquery做类似的事情。

Answer 1

这是怎么回事 jsfiddle

  <div data-role="header" data-theme="b"><h1>click for option</h1></div>
  <p > 
      <ul>
          <li> item 1 </li>
           <li> item 2 </li>
           <li> item 3 </li>

      </ul>
  </p>

Answer 2

你可以这样做。查看 Fiddle

        <div class="ui-bar ui-bar-c"> <a href="#dia" data-rel="dialog" data-theme="b">open the dialog</a>

<强> 脚本

$('#page1').bind('pageinit', function () {
    picache = "http://jquerymobile.com/test/docs/_assets/images/jquery-logo.png";

    $('#pop1,#pop2').bind('popupbeforeposition popupafteropen popupafterclose', function (e) {
        var thm = e.type == 'popupbeforeposition' ? 'b' : (e.type == 'popupafteropen' ? 'd' : 'e'),
            tgt = $(e.target).attr('id');
        style = tgt == 'pop2' ? 'style="color: firebrick; font-size:1.2em;"' : "";

        $('#log').append('<li data-theme="' + thm + '"' + style + '>' + tgt + ": " + e.type + ' raised</li>').listview('refresh');
    });
    $('#log').on('taphold dblclick', function () {
        $(this).find('li').remove();
    });
});

在模型窗口中选择框作为列表项

2 个答案: