vs自带ajax:scriptmanager,回传引发的脚本无效问题

作者:杭州车成汽车事务代理服务部 来源:www.guohuicar.com 发布时间:2017-09-13 13:25:13
vs自带ajax:scriptmanager,回传引发的脚本无效问题 本来目的是想要局部刷新,然后动态添加右边“属性”到左边属性一列,

比如这样子一个界面

红框(数据从DB中获取)这一块用VS自带的AJAX控件来实现局部刷新,站群,但是这个时候全局的jQuery脚本就会无效,如果通过:

this.ScriptManager1.ScriptPath = Server.MapPath("js/modalEditProductInfo.js");

来进行重新绑定脚本,那么会发现,局部刷新功能会失效,一旦下拉框进行回传,那么整个页面都会进行刷新。

好吧,反正我的目的只是想动态点击右边属性栏【操作】一列的【选择】选项来进行动态添加选择的属性到左边的【属性】中,比如”颜色:红色”就是动态添加实现的。

一开始我用livequery来实现,比如:

[javascript]

$(".chooseProperty").livequery(function () {

$(this).click(function () {

var pdId = $(this).attr("pdId"); //属性字典id

var pdText = $.trim($(this).prev().prev().text()); //属性字典text

var pdVal = $.trim($(this).prev().text()); //属性字典text

var newHtml = "<div class='newProperty' ppId='" + pdId + "'><span class='chosenPropertyValText'>" + pdText + ":" + pdVal + "</span> <span class='spanCancel'>×</span></div>";

// alert(newHtml)

$("#chooseProperties").append(newHtml);

// alert(pdId + "@" + pdText + ":" + pdVal);

});

});

说livequery是每过20ms进行一次重新绑定,站群软件,但是这里有个问题,就按照上面的代码来做的话,会发现一旦下拉框进行了回传,点击【选择】还是没有任何效果,但是这个时候如果点击左边的输入框(有js效果的,比如名称、品牌、价格我都是做了js验证的,blur会触发响应事件),然后再点击右边的【选择】,发现有js效果了,这点有点郁闷,待日后研究下原因。

最终用的方法是jQuery自带的live()方法,比如:

[javascript]

$(".chooseProperty").live("click",function () {

var pdId = $(this).attr("pdId"); //属性字典id

var pdText = $.trim($(this).prev().prev().text()); //属性字典text

var pdVal = $.trim($(this).prev().text()); //属性字典text

var newHtml = "<div class='newProperty' ppId='" + pdId + "'><span class='chosenPropertyValText'>" + pdText + ":" + pdVal + "</span> <span class='spanCancel'>×</span></div>";

// alert(newHtml)

$("#chooseProperties").append(newHtml);

// alert(pdId + "@" + pdText + ":" + pdVal);

});

企业建站2800元起,携手武汉肥猫科技,做一个有见地的颜值派!更多优惠请戳:武汉网站设计公司 http://www.45qun.com

  • 上一篇:Python数据结构:序列(列表[]、元组())与映射(字典
  • 下一篇:最后一页
  • 
    COPYRIGHT © 2015 杭州车成汽车事务代理服务部 ALL RIGHTS RESERVED.
    本站所有原创信息,未经许可请勿任意转载或复制使用 网站地图 技术支持:肥猫科技
    精彩专题:网站建设
    购买本站友情链接、项目合作请联系客服QQ:2500-38-100