第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會有你想問的

JQuery 關(guān)于以一種形式而不是另一種形式工作的更改

JQuery 關(guān)于以一種形式而不是另一種形式工作的更改

繁華開滿天機(jī) 2021-11-04 16:36:18
我有一個(gè) php 聊天頁面,其中包含群聊和一對一聊天。我在更改事件上使用 jquery 從 php 文件上傳函數(shù)獲取數(shù)據(jù),并將圖像 HTML 文本輸入到 contenteditable div 中,以便也可以和文本。這在群聊窗口中工作正常,但在單個(gè)聊天窗口中無效。兩個(gè)聊天窗口代碼都在同一個(gè) html 中,js 樣式塊隱藏了顯示。一切正常,除了 on change 是行不通的,不管我做什么。我知道在我的代碼片段中我仍然需要處理目標(biāo),因?yàn)檫@是動(dòng)態(tài)的,但是一旦 on change 事件實(shí)際觸發(fā),這應(yīng)該足夠簡單。這是表單位,它是在 js/php 函數(shù)中構(gòu)建的,這是唯一一個(gè)不起作用的 ''''''''''''''''''''''''  modal_content += '<form id="uploadImagesc" method="post" action="php_includes/chat-img-upload-sc.php">';  modal_content += '<label for="uploadFilesc"><i class="fas fa-cloud-upload-alt"></i></label>';  modal_content += '<input type="file" name="uploadFilesc" id="uploadFilesc" accept=".jpg, .png" /></form>';''''''''''''''''''''''''''''''''''''''這是來自群聊的例子,它正在工作 '''''''''''''''''''''''''''''''''''''<form id="uploadImage" method="post" action="php_includes/chat-img-upload.php">     <label for="uploadFile"><i class="fas fa-cloud-upload-alt"></i></label>     <input type="file" name="uploadFile" id="uploadFile" accept=".jpg, .png" />    </form>'''''''''''''''''''''''''''''''''''',這些都在。更改 JQuery 的位''''''''''''''''''''''''''''''''''''''''''' 工作代碼$('#uploadFile').on('change', function(){  '$'('#uploadImage').ajaxSubmit({   target: "#group_chat_message",   resetForm: true  }); });'''''''''''''''''''''''不工作的代碼  $('#uploadFilesc').on('change', function(){     //   var to_user_id = $(this).attr('id');     // var chat_message = '#chat_message_'+to_user_id;      $('#uploadImagesc').ajaxSubmit({       target: chat_message,       resetForm: true      });     });   所以在這一點(diǎn)上,它只是讓第二個(gè)函數(shù)調(diào)用從 Php 獲取數(shù)據(jù)的 on change 函數(shù),我會很高興此刻 onchange 的警報(bào)。
查看完整描述

3 回答

?
呼啦一陣風(fēng)

TA貢獻(xiàn)1802條經(jīng)驗(yàn) 獲得超6個(gè)贊

它不起作用,因?yàn)槁犉饋砟趧?dòng)態(tài)添加 HTML,然后嘗試將事件處理程序附加到它。在這種情況下,您需要使用事件委托,它只是將事件處理程序附加到祖先。


這應(yīng)該是您需要更改的全部內(nèi)容:


$(document).on('change', '#uploadFilesc', function() {

  //   var to_user_id = $(this).attr('id');

  // var chat_message = '#chat_message_'+to_user_id;

  $('#uploadImagesc').ajaxSubmit({

    target: chat_message,

    resetForm: true

  });

});

替換document最接近的靜態(tài)祖先#uploadFilesc和#uploadImagesc。


查看完整回答
反對 回復(fù) 2021-11-04
?
阿波羅的戰(zhàn)車

TA貢獻(xiàn)1862條經(jīng)驗(yàn) 獲得超6個(gè)贊

我用代碼修復(fù)了它,將圖像返回到下面的聊天窗口


$('#user_model_details').on('change', '#uploadImagesc', function() {

  $('#uploadImagesc').ajaxSubmit({   

    target: '#'+ $('#mess_id').attr("value"),

   resetForm: true

  });

 }); 


查看完整回答
反對 回復(fù) 2021-11-04
?
吃雞游戲

TA貢獻(xiàn)1829條經(jīng)驗(yàn) 獲得超7個(gè)贊

這是因?yàn)槟鷮⑹录壎ǖ郊虞d后動(dòng)態(tài)添加到頁面的元素。在您的場景中,您需要將您的偵聽器綁定到頁面加載時(shí)存在的內(nèi)容,一個(gè)很好的使用元素window如下:

$(window).on('change', '#uploadImagesc', function() {});

然后你的聽眾應(yīng)該工作


查看完整回答
反對 回復(fù) 2021-11-04
  • 3 回答
  • 0 關(guān)注
  • 146 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號