jquery事件无效:A页面通过get引入B页面html代码,代码引入成功,A页面对B页面中某class添加点击事件无效

jquery事件无效:A页面通过get引入B页面html代码,代码引入成功,A页面对B页面中某class添加点击事件无效,第1张

两种办法

1、直接在B页面给class添加点击事件

2、使用jquery在A页面给引入的class绑定

$(document).on("click",".className",function(){

    //

})

把需要变换的背景写成class,如.bgcolor{background:#444}a标签最好放在一个容器里面,如一个div,暂且用id标识它123单击a标签的时候把这个class添加到a标签上面去就行了,当然,为了美观,a标签里面还可以嵌套其它标签$("#tita").click(function{e.preventDefault()//阻止a标签的默认事件$(this).addClass("bgcolor")//为当前标签添加bgcolor类$(this).siblings().removeClass("bgcolor")//移除当前元素的同级元素的bgcolor类})上面的代码都是手打的,可能有误,在编辑器里面应该由提示吧。

点击后就添加:

$('.us-con-lf>ul').on('click','li>a',function(){

    $(this).closest('li').addClass('crt')

})

点击后添加class的同时, 相邻的li移除class:

$('.us-con-lf>ul').on('click','li>a',function(){

    $(this).closest('li').addClass('crt').siblings().removeClass('crt')

})


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/11588769.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-17
下一篇2023-05-17

发表评论

登录后才能评论

评论列表(0条)

    保存