javascript - 标题中的 jQuery 移动可折叠按钮，停止折叠/展开

Question

我想在 jQuery 可折叠标题中放置一个按钮。

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

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

我从这里获取的:adding the button to the collapsible set and getting the value of the collapsible element

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

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

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

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

所以重申一下，我希望能够在 jquery-mobile 可折叠的标题中放置一个按钮，而不会导致它在单击该按钮时折叠/展开。

Answer 1

首先，我很抱歉；我不是故意要更新你的 Fiddle，我是想 fork 它，但是唉，我更新了它......

无论如何，添加:

e.preventDefault();

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