Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
jQuery-如何使用“;on()”;方法而不是“;live()”;?_Jquery_Html - Fatal编程技术网

jQuery-如何使用“;on()”;方法而不是“;live()”;?

jQuery-如何使用“;on()”;方法而不是“;live()”;?,jquery,html,Jquery,Html,我有以下代码(为此我简化了这些代码),它们与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&

我有以下代码(为此我简化了这些代码),它们与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包版本了,所以我把它改成了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>
选择
您正在将“单击”事件应用于按钮中的
a
元素-该元素与您的html不匹配(也可能是无效的html-链接不是按钮的有效子元素)

你需要

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


请注意,我从选择器中取出了属性部分-这是错误的,但是您可以像jQuery中的任何其他选择器一样将正确的按钮作为目标。

在下面的代码中,您要做的是找到具有“sub”的类的按钮。然后在里面应该有一个标签,点击你必须提醒“嗨”

以下是可以与jquery代码映射的html

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


$(document).find("button[class^='sub-']").on('click','a', function(){
               alert('hi');
            });
请让我知道,如果你有任何进一步的问题


谢谢

Yo正在尝试将单击事件处理程序分配给
按钮中的
标记
…我没有看到任何元素与选择器
按钮[class^='sub-']匹配
按钮类型中仍然没有类。而且按钮类型中也没有任何a标记button@Kate费尔南多:我不知道如何写,请帮助我,因为我是网络开发新手(学习者)
$("button").on('click',function(){ ... });
$(document).on('click','button', function(){ ... });
<button type="button"  class="sub-'+o.id+'"><a>Select</a></button>


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