Question

我正在使用JqueryMobile 1.3.2。我想在用户点击标题时添加一些事件。例如，弹出警报“Hello”。我该怎么办？

<div data-role="collapsible">

  <h3>I'm a header</h3>

  <p>I'm the collapsible content. By default I'm closed, but you can click the header to open me.</p>

</div>

Answer 1

收听两个事件，而不是绑定click事件。 Collapsibles 有两个特殊事件可供您监听，并在触发时运行代码expand和collapse。

jQuery Mobile 1.4 collapsibleexpand和collapsiblecollapse。

$(".selector").on("collapse", function () {
  alert("Collapsed");
});

$(".selector").on("expand", function () {
  alert("Expanded");
});

<强> Demo

Answer 2

$('#Selector').bind('expand', function () {
   alert('Expand')
}).bind('collapse', function () {
    alert('collapse')
});


<div data-role="collapsible" id="Selector">
   <h4>Heading</h4>
   <p>How can I popup an alert of “Hello” after clicking collapsible under JqueryMobile</p>
</div>

DEMO

如何在JqueryMobile下单击可折叠后弹出“Hello”警报

2 个答案: