js基本之事宜绑定

js基本

1.写的代码越多,按理说基本应该是越发踏实,然则近来不知道怎么回事,老是犯不该犯的毛病。所以照样有空就回忆回忆基本的学问,本日,就来看看js事宜绑定的题目吧。
2.绑定事宜的嵌套题目,是最轻易失足的。
3.在一个点击事宜内部嵌套点击事宜,外点击事宜实行频频,就会给内部的事宜冤元素绑定频频点击事宜,因而使用不当就会形成内部事宜屡次实行的题目。不说了,上代码。

$('div.div1').click(function() {
    alert('123');
    fon()
})

function fon() {
    $("div.div2").click(function() {
        alert("456");
    })
}

以上的写法会形成点击div1若干次,就会在第一次点击div2的时刻弹出若干遍456,因而,为防止这类毛病,准确的做法是在绑定点击事宜之前先解绑事宜,看代码。

$('div.div1').click(function() {
    alert('123');
    fon()
})

function fon() {
    $('div.div2').unbind("click")
    $("div.div2").click(function() {
        alert("456");
    })
}

固然,这类做法运转代码是没什么题目的,不过不发起这类写法,最好的最优的写法不该该是嵌套事宜,就乖乖地编程不好吗???

$('div.div1').click(function() {
    alert('123');
})
$('div.div2').click(function() {
    alert('456');
})
    原文作者:miomiomio
    原文地址: https://segmentfault.com/a/1190000013170140
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞