jQuery手机内点击检测按钮可折叠

Detect button click inside jQuery mobile collapsible

本文关键字：检测 按钮 可折叠 手机 jQuery      更新时间：2023-09-26

我使用的是jQuery mobile，我试图在可折叠的内部添加一个按钮，但问题是，当我点击按钮时，点击事件不会触发，而是块无法折叠或折叠。

我尝试了下面的代码，但它不起作用

$(document).on('pagebeforeshow', '#page', function () {
    $('#header').on('click', '#start', function (e) {
        alert("click");
        e.stopPropagation();
        e.preventDefault();
        e.stopImmediatePropagation();
    });
});

<div data-role='collapsible' data-theme='c' data-content-theme='d' data-collapsed icon='arrow-d' data-expanded-icon='arrow-u' data-iconpos='right'>
    <h4 id='header'>
    <input type='button' data-theme='c' value='Demarrer' data-mini='true' data-inline='true' data-icon='mappin' data-icon-pos='top' id='start'/>
    </h4>"
</div>

这是因为您的按钮存在于可折叠部分中。你能做的是防止点击按钮时部分崩溃，即获取点击目标的id，如果是id="start"，则e.preventDefault（）；这样的东西：

$('#header').on('click', function (e) {
    var id = e.target.id;
    if(id=="start"){
      alert("click");
      e.stopPropagation();
      e.preventDefault();
      e.stopImmediatePropagation();
    }
});
相关文章：