Re: [問題] 使用ajax時,回應的html只能append一次??
※ 引述《pillowYUI (枕由衣)》之銘言：
: <script language="javascript">
: $(function(){
: var html = $.ajax({
: type:"GET",
: url:"a.php",
: data:"給a.php的參數",
: async: false
: }).responseText;
: $("#content_main").append(html);
: });
: function click_f(){
: $("#sw_loc").change(function(){
: var sw_con = $('#sw_loc :selected').val();
: var html2 = $.ajax({
: type:"GET",
: url:"a.php",
: data: sw_con ,
: async: false
: }).responseText;
: //alert(html2);
: //以上印出html2內容
: $("#content_main").empty();
: $("#content_main").append(html2);
: });
: }
: </script>
: <body onLoad="click_f();">
: <div id="content_main"></div>
: </body>
: html2為a.php回傳的資料(即下拉式選單的html)，#sw_loc為a.php所產生的下拉式
: 選單。
: 若把紅色的地方刪掉，則能確定每次對a.php的要求的內容(即html2)都正確無誤。
: 想請教各位是否是我對append的使用錯誤，還是其他的問題導致只有第一次選擇
: option時執行正確??
問題不在append 而是change只在body onload時綁定那一次
之後動態load進來時 就沒有再綁定change了
有兩個解法
1.
用live, jQuery 1.4版支援change了
- $("#sw_loc").change(function(){
+ $("#sw_loc").live("change",function(){
2.
> $("#content_main").append(html2);
click_f();//多加這一行 再綁一次
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 140.122.30.140
推
01/26 12:43, , 1F
01/26 12:43, 1F
→
01/26 13:20, , 2F
01/26 13:20, 2F
討論串 (同標題文章)
本文引述了以下文章的的內容：
完整討論串 (本文為第 2 之 2 篇)：
Ajax 近期熱門文章
PTT數位生活區 即時熱門文章