Question

我正在在 jQuery 移动中创建一个分割按钮列表, 使用以下 < a href=" http://jquerymobile.com/ test/docs/lists/lists- split.html" rel=“ nofollow” >tutual 作为指南。我需要将数据与每个按钮( 在给定列表元素中) 的处理器绑在一起。下面我概述了三种方法, 似乎没有成功。任何人都能建议我如何将数据绑绑在分割按钮列表中吗?

function createSingleList(dataArray) {
var i;
var list = $("<ul></ul>");
for (i = 0; i <= singleArray.length - 1; i = i + 1) {
    var button1 = $( <div><a id="button1" href="">Button 1</a><div> );
    var button2 = $( <div><a id="button2" href="">Button 2</a><div> );

    //Approach 1
    button1.data("data", dataArray[i])
    button2.data("data", dataArray[i])

    //Approach 2
    $("#button1").bind("click", {
        data: dataArray[i]
    }, clickHandler1);

    $("#button2").bind("click", {
        data: dataArray[i]
    }, clickHandler2);

    //Approach 3
    $("#button1").on("click", {
        data: dataArray[i]
    }, clickHandler1);

    $("#button2").on("click", {
        data: dataArray[i]
    }, clickHandler2);

    var listElement = $( <li></li> ).html($(button1.html() + button2.html()));

    list.append(listElement);
   }
}

function clickHandler1(e) {
   alert(e.data);
}

function clickHandler2(e) {
   alert(e.data);
}

Answer 1

var list = $( <ul data-split-icon="some_icon"></ul> );

var html = ; for (i = 0; i <= singleArray.length - 1; i++) {

var param1 = " "+ dataArray[i] +" ";
html +=  <li><a href="#" onclick="clickHandler1( +param1+ )"></a>Button 1<a href="#" onclick="clickHandler2( +param1+ )"></a>Button 2 </li> ;

时时

列表附录($(html)) ;

$( <ul> ).trigger( create );

还有

function clickHandler1(e){

警报(e);

时时

友情链接