Question

我有一个JQuery移动列表视图，上面有一个按钮，对于那个按钮我听取了taphold事件，如下所示：

$( "#myList" ).on( "taphold", "#myButton", self.tapholdHandler );

在我的tapholdHandler中，我按如下方式打开一个对话框：

self.tapholdHandler =  function( event ){
    $.mobile.changePage("#myDialog", {
        role: "dialog"
    });
    $("#submit").click(function() {
        var text = $("#textarea").val();
    });
}

这将打开我在HTML中设置的对话框。我的ListView中的每个项目都有一个ID号，我需要能够从对话框中访问此ID号，这样当用户按下对话框中的提交按钮时，textarea中的文本会被附加到ID中。

所以我的问题是，当taphold事件被触发以及如何将它传递给我的对话框时，如何从ListView项中获取ID值？

编辑：这是我的HTML标记：

我的清单：

<ul id="myList"  data-role="listview" data-inset="true" data-bind="foreach: myData" data-filter="true">
  <li>
    <div class="ui-grid-a">
      <div class="ui-block-a" data-bind="text: myID" id="idtest"></div>

      <div class="ui-block-a">
        <a
          data-role="button"
          id="denyButton"
          data-bind="click: $parent.clickToSubmit" >Submit</a>
      </div>
  </li>
</ul>

我的对话：

    <div data-role="page" data-rel="dialog" id="myDialog" data-theme="c" data-close-btn="right">
      <div data-role="header" data-position="fixed" data-theme="b" data-tap-toggle="false">
        <h1>Title holder</h1>
      </div>
      <textarea cols="40" rows="8" name="textarea" id="textarea" style="height:300px;" maxlength="200"></textarea>
      <div class="ui-block-a">
        <a href="#" data-role="button" data-rel="back" id="submit">Submit</a>
      </div>
    </div>

  </div>
</div>

正如您所看到的，我处理按钮上的点击，因此我需要知道如何使用数据处理taphold。

JQuery mobile如何将数据从列表视图项传递到taphold事件的对话框？

0 个答案: