jQuery移动可折叠按钮在头部，停止折叠/展开

jQuery mobile collapsible button in header, stop collapse/expand

本文关键字：折叠展开头部移动可折叠按钮 jQuery 更新时间：2023-09-26

我想在jQuery可折叠页眉中放置一个按钮。

当然，当我这样做时，按下按钮也会使可折叠的展开/折叠。我发现解决方法是

e.stopPropagation();
e.stopImmediatePropagation();

我从这里开始:将按钮添加到可折叠集合并获取可折叠元素的值

但是有一个问题。当可折叠页位于已加载的页面上时:

$.mobile.changePage("#second", {transition : "pop", role : "page"});

然后，使用stopPropagation会立即导致jquery-mobile切换到原始页面(例如索引页面)。

下面是一个示例(从上面链接中提供的jsfiddle派生而来)，它演示了我遇到的问题:http://jsfiddle.net/ga5f86mm/1/

重申一下，我希望能够在jquery-mobile可折叠页面的页眉中放置一个按钮，而不会在点击该按钮时导致它折叠/展开

首先，我道歉;我不是故意更新你的小提琴，我的意思是分叉它，但唉，更新它我做了…

,添加:

e.preventDefault();

http://jsfiddle.net/ga5f86mm/2/