制作JQuery Mobile ListView,以便使用enhanceWithin()动态弹出(上下文菜单)

时间:2014-04-22 15:07:07

标签: jquery jquery-mobile popup

您好我想做一些简单的事情 - 我希望动态创建JQuery Mobile弹出窗口 - 我的代码"工作"因为它附加了html,但它没有" JQM准备" html所以popup()调用什么都不做。我正在插入长按菜单,但菜单没有正确弹出。这些是上下文菜单,所以我需要传递参数(通过标记attribs为href&#39}工作)。

HTML

<a href="/folders.php?path=Dogs">
     <img src="/img/dog.png"  ref="Dogs" class="touchableFolder">
</a> 

jquery的

<script>
$(function() {
   $(".touchableFolder").on("taphold", function(e) { 
       $(this).append('<div data-role="popup" id="'+$(this).attr('ref')+'" data-theme="none"><ul data-role="listview"><li data-role="list-divider">Folder Menu</li><li><a href="#" data-rel="dialog">Open Folder</a></li><li><a href="#" data-rel="dialog">Rename</a></li><li><a href="#" data-rel="dialog">User Rights</a></li></ul></div>'); 
   }); 
   //need something like this here --->  $(this).JQMValidate();
   $('#'+$(this).attr('ref')).popup("open");
});
</script>

0 个答案:

没有答案