jquery-mobile - 从列表视图中的链接关闭面板

Question

我有一个带有面板的 jquery 移动页面。在面板内部，我有一个列表视图，在每个列表项上都有一个我添加了 data-rel="close" 属性的位置。我希望能够在单击列表项时关闭面板。

请注意，我还绑定了 angular。

<ul data-role="listview" data-icon="arrow-l" class="ui-icon-alt" data-inset="true" >
        <li ng-repeat="task in tasks" >                                
            <a href="#" ng-click="selectTask(task)" data-rel="close">{{task.Name}}</a>                        
        </li>            
    </ul>

我在列表视图之外的链接上进行了测试，它工作正常。我不确定 id angularjs 是在这里对我耍花招还是别的什么。

最好的问候拉斯穆斯

Answer 1

标记

<a href="#" id="closepanel" ng-click="selectTask(task)" data-rel="close">{{task.Name}}</a>

JS

$('#closepanel').on('click', function {} {
 $( "#PanelID" ).panel( "close" );
});