Question

我有以下代码（我已经简化了这个代码），它与jquery-1.7一起运行良好。

<div id="sublike-1">Like 1</div>
<div id="sublike-2">Like 2</div>
<div id="sublike-3">Like 3</div>

<div id="sublike-form-1"><input type="text" /> Save 1</div>
<div id="sublike-form-2"><input type="text" /> Save 2</div>
<div id="sublike-form-3"><input type="text" /> Save 3</div>

JQuery的

$(document).find("div[id^='sublike-']").live('click', function(){
    var num = this.id.split('-')[1];
    $('#sublike-form-' + num).toggle();
});

我尝试升级我的代码，所以我可以升级我的jQuery包版本，所以我已将其更改为onclick。

但这并没有做任何事情。它不会抛出任何错误，所以我无法看出问题所在。

 $(document).find("button[class^='sub-']").on('click','a', function(){
           alert('hi');
        });

有什么想法吗？

更新这是我的按钮

 <button type="button"  id="sub-'+o.id+'"  class="select_address btn btn-
     primary icon  pull-right">Select</button>

Answer 1

$(document).find("button").on('click','a', function(){..});

您正在应用＆＃34;点击＆＃34;在按钮内的a元素的事件 - 与您的html不匹配（并且也是无效的html - 链接不是按钮的有效子项）

你需要

$("button").on('click',function(){ ... });

或

$(document).on('click','button', function(){ ... });

请注意，我将属性部分从选择器中取出 - 这是错误的，但您可以像在jQuery中的任何其他选择器一样完全定位右键。

Answer 2

在下面的代码中，您正在查找具有＆＃39; sub＆＃39;的类的按钮。然后在里面应该是一个标签，通过点击你必须提醒＆＃39; hi＆＃39;。

以下是可以使用您的jquery代码映射的html。

<button type="button"  class="sub-'+o.id+'"><a>Select</a></button>


$(document).find("button[class^='sub-']").on('click','a', function(){
               alert('hi');
            });

但请记住，不要使用上述场景，因为我们正在为每个元素创建单独的类。这不应该发生。你应该用id来创建单独的id。

否则，您必须更改与您的html代码相关的jquery代码，如下所示。

$(document).find("button[id^='sub-']").on('click', function(){
                   alert('hi');
                });

如果您有任何其他问题，请与我们联系。

由于

jQuery - 如何使用“on（）”方法而不是“live（）”？

2 个答案: