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

Question

我想在jQuery collapsible的标题中放置一个按钮。

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

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分叉），它展示了我遇到的问题：http://jsfiddle.net/ga5f86mm/1/

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

Answer 1

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

无论如何，添加：

e.preventDefault();

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