当前位置: 网站首页>小程序开发>网络推广

商洛网络公司哪家好【商洛企业网站百度SEO推广公司】商洛做网站开发价格、商洛淘宝店铺开店装修设计运营、公司网站制作方案流程改版维护费用、商洛高端企业网站页面制作设计专业公司需要多少钱

发表日期: 2021-05-27 14:32:57 浏览次数:67

商洛网络公司哪家好【商洛企业网站百度SEO推广公司】商洛做网站开发价格、商洛淘宝店铺开店装修设计运营、公司网站制作方案流程改版维护费用、商洛高端企业网站页面制作设计专业公司需要多少钱


网站建设.jpg


商洛市,陕西省地级市,位于陕西省东南部,秦岭南麓,与鄂豫两省交界。东与河南省的灵宝、卢氏、西峡、淅川县市接壤;南与湖北省的十堰市郧阳区、郧西县相邻;西、西南与陕西省安康市的汉滨区、宁陕、旬阳和西安市的长安区、蓝田县毗邻;北与陕西省渭南市的潼关、华阴、华州区相连。介于东经108°34′20″—111°1′25″,北纬33°2′30″—34°24′40″之间,东西长约229千米,南北宽约138千米,总面积19292平方千米,占陕西省总面积的9.36%。 [1] 

商洛因境内有商山、洛水而得名,始名于汉朝,指上雒(县)和商(县)的地域合称。历史上商洛道(亦称商於古道)为秦驰道的主干道之一,为“秦楚咽喉”,是长安通往东南诸地和其他中原地区的交通要道。境内名胜古迹有5A级景区商南金丝大峡谷、牛背梁国家森林公园、柞水溶洞、二郎庙、丰阳塔、大云寺、天竺山、月亮洞等。自2010年开始,一年一度的中国秦岭生态旅游节在商洛市举办。

2019年,商洛市下辖1个市辖区、6个县 [2]  ,常住人口237.91万人,实现地区生产总值837.21亿元,其中,第一产业增加值103.40亿元,第二产业增加值376.91亿元,第三产业增加值356.90亿元,按常住人口计算,全市人均生产总值35181元。 [3]  2020年10月,被评为全国双拥模范城(县)。



概述

在做一些项目的时候都需要去动态添加一些节点,比如添加商品规格动态生成一个或多个供用户使用或者生成一个点击按钮删除按钮等,都是动态生成的dom节点,但是为这些动态的节点添加点击事件就发现点击没有效果

$(".jwg_add_upload_img_pic").click(function(){
    i++
    var pic = '<div class="pic">'+
        '<input type="button" class="pic_button" id="jwg_sctp'+i+'" onclick="jwg_tpyl'+i+'.click();"  />'+
        '<input type="file" class="pic_flie" name="pic[]" id="jwg_tpyl'+i+'">'+
        '</div>';
    $(".jwg_upload_img_pic").append(pic);
})

点击圆加号进行添加,在生成一个方块的图片上传节点,点击生成以后点击file文件,发现无法触发.pic_button节点点击事件

$('.pic_button').click(function(e){
    alert("点击我了")
})

jq动态添加的元素触发绑定事件

解决方法:

$('.jwg_upload_img_pic_xq').on('click','.pic_button',function(e){
})
$('父元素').on('click', '子元素', function(){})

具体参数信息:

on(events,[selector],[data],fn)

此时动态加载出来的元素一定要在$(‘父元素’)里面,否则绑定事件失效。换句话说,本应该绑定A元素,但是A元素是动态生成的,所以jq应该获取A元素的父元素来监听A元素是否发生click事件。

举个例子

events:一个或多个用空格分隔的事件类型和可选的命名空间,如“click”“keydown.myPlugin” 。
selector:一个选择器字符串用于过滤器的触发事件的选择器元素的后代。如果选择器为null或省略,当它到达选定的元素,事件总是触发。
data:当一个事件被触发时要传递event.data给事件处理函数。
fn:该事件被触发时执行的函数。 false 值也可以做一个函数的简写,返回false

有人提出了事件委托,那么对于这种动态添加的事件,我建议这么写:

function $domOfSth(text){
    return $("<a href='#' class='tseleced btn_confirm'>"+text+"<span class='tags_closebtn'>X</span></a>").on('click','.tags_closebtn',function(){
        console.log('xxxx');
    });
}
$('#xxx').append($domOfSth('xxx'));

这样的优势在于:

$domOfSth函数里面,这个dom可以绑定事件的写法相当灵活

对于事件一目了然,可维护性好

事件绝对牢牢绑定在插入dom上,不会因为js读到$(".tags_closebtn")这一句的时候,页面找不到这个对象的尴尬。。。
这个尴尬刚好是你点击事件未绑定到插入的dom上的原因。因为,js读到$(".tags_closebtn").on('click')的时候,浏览器还没更新html代码呢,然后jq就跑去找,发现tm页面上根本没有这个类,是假的,是化学的成分。。。

jQuery版本控制

<script src="https://www.zhuimengzhu.com/https://cdn.bootcss.com/jquery/1.2.3/jquery.js"></script>

<script src="https://www.zhuimengzhu.com/https://cdn.bootcss.com/jquery/1.2.6/jquery.js"></script>

<script src="https://www.zhuimengzhu.com/https://cdn.bootcss.com/jquery/1.3.0/jquery.js"></script>

<script src="https://www.zhuimengzhu.com/https://cdn.bootcss.com/jquery/1.4.0/jquery.js"></script>

<script src="https://www.zhuimengzhu.com/https://cdn.bootcss.com/jquery/1.5.1/jquery.js"></script>

<script src="https://www.zhuimengzhu.com/https://cdn.bootcss.com/jquery/1.6.1/jquery.js"></script>

<script src="https://www.zhuimengzhu.com/https://cdn.bootcss.com/jquery/1.7/jquery.min.js"></script>

<script src="https://www.zhuimengzhu.com/https://cdn.bootcss.com/jquery/1.8.0/jquery-1.8.0.js"></script>

<script src="https://www.zhuimengzhu.com/https://cdn.bootcss.com/jquery/1.9.0/jquery.js"></script>

<script src="https://www.zhuimengzhu.com/https://cdn.bootcss.com/jquery/1.10.0/jquery.js"></script>

<script src="https://www.zhuimengzhu.com/https://cdn.bootcss.com/jquery/1.11.0/jquery.js"></script>

<script src="https://www.zhuimengzhu.com/https://cdn.bootcss.com/jquery/1.12.0/jquery.js"></script>

<script src="https://www.zhuimengzhu.com/https://cdn.bootcss.com/jquery/2.0.0/jquery.js"></script>

<script src="https://www.zhuimengzhu.com/https://cdn.bootcss.com/jquery/2.1.0/jquery.js"></script>

<script src="https://www.zhuimengzhu.com/https://cdn.bootcss.com/jquery/2.2.0/jquery.js"></script>

<script src="https://www.zhuimengzhu.com/https://cdn.bootcss.com/jquery/3.0.0/jquery.js"></script>

<script src="https://www.zhuimengzhu.com/https://cdn.bootcss.com/jquery/3.2.1/jquery.js"></script>



商洛网络公司哪家好商洛企业网站百度SEO推广公司商洛做网站开发价格、商洛淘宝店铺开店装修设计运营、公司网站制作方案流程改版维护费用、商洛高端企业网站页面制作设计专业公司需要多少钱

400-111-6878
服务热线
顶部

备案号: 苏ICP备11067224号

CopyRight © 2011 书生商友信息科技 All Right Reserved

24小时服务热线:400-111-6878   E-MAIL:1120768800@qq.com   QQ:1120768800

  网址: http://www.768800.com  网站建设上往建站

关键词: 网站建设| 域名邮箱| 服务器空间| 网站推广| 上往建站| 网站制作| 网站设计| 域名注册| 网络营销| 网站维护|

企业邮箱| 虚拟主机| 网络建站| 网站服务| 网页设计| 网店美工设计| 网站定制| 企业建站| 网站设计制作| 网页制作公司|

400电话办理| 书生商友软件| 葬花网| 调温纤维| 海洋馆运营维护| 北京保安公司| 殡仪馆服务| 殡葬服务| 苏州殡葬一条龙| 朝阳殡葬| 苏州殡葬服务|

预约专家

欢迎您免费咨询,请填写以下信息,我们收到后会尽快与您联系

  

服务热线:400-111-6878