Jquery mobile 带可点击覆盖的jQuery Mobile可折叠标题

我试图在jQuery Mobile可折叠标题顶部的右侧覆盖一个按钮，但无法触发click事件。单击div时，仅触发可折叠标题的click事件。如果我用一个click监听器将同一个div覆盖在其他元素上，我可以让它工作（参见jsfiddle），但不能覆盖在可折叠标题的顶部。我怎样才能做到这一点

这是HTML代码

<div data-role="collapsible">
  <h2>Heading
    <div class="clickable" id="clickable">Click</div>
  </h2>
  <p>Content</p>
</div>

。。。最后，CSS使用了

.clickable {
  display: block;
  position: absolute;
  width: 50px;
  height: 50px;
  right: 0px;
  top: 0px;
  background-color: #fff;
  z-index: 1000;
}

这是一个演示：

这可能会帮助您

为了满足下面的批评者；）这是我另一篇文章中你需要的一段代码。将以下内容添加到“图标”（或放置在其周围的div包装）将防止展开可折叠文件的默认行为：

$("#clickable").bind("click", function (e) {
       e.stopImmediatePropagation();
       e.stopPropagation();
       e.preventDefault();

希望它对你有用

---

我的帖子中还有一个问题（这可能也会影响到你），但我成功地在JQuery Mobile可折叠标题中添加了一个可点击的“图标：）

这并不能回答这个问题。若要评论或要求作者澄清，请在他们的帖子下方留下评论-你可以随时在自己的帖子上发表评论，一旦你有足够的评论，你就可以发表评论。不同意。我的代码实际上直接展示了如何将div中的元素添加到jquerymobile可折叠头中，并使头的click事件不被触发。在你批评之前，我建议你做你的尽职调查并尝试帮助（这就是我正在做的）。

$("#clickable").bind("click", function (e) {
       e.stopImmediatePropagation();
       e.stopPropagation();
       e.preventDefault();