是否可以通过javascript来完成Jquery框架在点击该事件时所做的操作

Question

一旦你运行了这个fiddle。

http://jsfiddle.net/jWaEv/56/

点击Add Restaurant Text（添加餐厅文本）右侧的方形框（显示一个面板，其工作正常（带有id的面板右侧面板））

所有这些都很好

问题是。

当你点击Delivery并点击右侧的方形框时（面板会显示出来，但工作不正常（点击机身或图标上的任何位置时都不会关闭）

你能告诉我怎么修吗？？

为了解决这个问题，我尝试如下所示

$(document).on('click', '#testhrefid', function(event) {
    if( $(".ui-panel").hasClass("ui-panel-open") == true ){
        $('#rightpanel').panel('close').enhanceWithin();
}else{
    $('#rightpanel').panel('open').enhanceWithin();
}
});

你能告诉我如何解决这个问题吗？？

Answer 1

隐藏.homeListMenuWrap，而不是与引导面板一起使用的包装器（ui面板包装器）jsfiddle：http://jsfiddle.net/jWaEv/59/