javascript - 输入 OnClick 无法识别

Question

我有一个递归调用的方法。

此方法创建一个将在 Iscroll 插件上使用的 li。

我的问题是:

输入按钮不起作用。在他的 CSS 上，我设置了 cursor:pointer 来检查输入是否被识别，确实如此。但我可以点击它几次，但什么也没做。

createList: function(p_id)
{
      var lv_linhaDoc = '<li id="lis_' + p_id + '" class="listItem">' +
        '<div class = "alinhar1" onClick="lis.Click(' + p_id + ', false)">' + 
            '<div class="ui-grid-a" style="font-size: large">' +
              '<div class="ui-block-a"><p class="header" style="font-size: medium"><strong>' + 4 + '</strong></p></div>' +
              '<div class="ui-block-a"><p class="line label"><strong>Data Criação</strong></p></div>' +
              '<div class="ui-block-b"><p class="line value" style="text-align: right">' + '13/2/14' + '</p></div>' +
              '<div class="ui-block-a"><p class="line label total"><strong>  Valor</strong></p></div>' +
              '<div class="ui-block-b"><p class="line total" style="text-align: right">' + 13 + ' ' + 15 + '</p></div>' +
          '</div></div>' +
          ' <input type="button" class=" button_add" onClick="lis.Detail(' + p_id + ')" />' +
      '</li>';
    return lv_linhaDoc;
},

问题不在 Detail() 函数中，因为我无法进入该函数，因为无法识别点击

更新

我发现将这些添加到 IScroll 初始化后，输入按钮停止工作

click: true,
tap: true,

我确实需要 IScroll 中的这些参数来执行其他功能。

IScroll 初始化:

initScroll: function(){
        var wrapper = document.getElementById('id5');
        myScroll = new IScroll(wrapper, {
//          click: true,
//          tap: true,
            scrollX : false,
            scrollY : true,
            scrollbars : false,
            interactiveScrollbars : true,
            mouseWheel : false,
            hScrollbar : false,
            vScrollbar : true,
            useTransition : false,
            snap : 'li',

            indicators : {
                el : '#scroller',
                fade : false,
                ignoreBoundaries : false,
                interactive : false,
                listenX : false,
                listenY : true,
                resize : false,
                shrink : false,
                speedRatioX : 0,
                speedRatioY : 0,
                checkDOMChanges: true,
            },
        });

Answer 1

您可以将 p_id 保存为输入上的数据属性，然后使用 event delegation 设置点击处理程序，而不是尝试内联添加点击处理程序。 。通过委派，您可以在稍后动态创建的元素上设置处理程序。

创建列表项时，将 p_id 放入输入的数据属性中，例如数据pid:

<input type="button" class="button_add" data-pid="' + p_id + '" value="+" />

然后添加一个委托(delegate)给 .button_add 类的点击处理程序。在该处理程序中，您可以从数据属性中检索 p_id:

$(document).on("click", ".button_add", function(e){
    var p_id = $(this).data("pid");
    alert(p_id);
    //call detail function and pass in the p_id
});

DEMO