vs內建ajax:scriptmanager,回傳引發的指令碼無效問題

來源:互聯網
上載者:User

本來目的是想要局部重新整理,然後動態添加右邊“屬性”到左邊屬性一列,比如這樣子一個介面紅框(資料從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);                 });    

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.