Question

以section_langues_guides_开头的部分的所有更改都必须启动警报：

$('section[id^="section_langues_guides_"]').on("change",function()

当我创建一个包含克隆功能的新部分，并且我更改了部分时，我没有警告......

我显示了第一部分的生成代码（此部分有效，显示警报）

<section name="section_langues_guides_1" id="section_langues_guides_1">
    <input value="1" id="langue_guide_Français_1" type="checkbox"><label id="label_Français_1" for="langue_guide_Français_1">Français</label><input value="2" id="langue_guide_NL_1" type="checkbox"><label id="label_NL_1" for="langue_guide_NL_1">NL</label><input value="3" id="langue_guide_GB_1" type="checkbox"><label id="label_GB_1" for="langue_guide_GB_1">GB</label><input value="4" id="langue_guide_Esp_1" type="checkbox"><label id="label_Esp_1" for="langue_guide_Esp_1">Esp</label><input value="5" id="langue_guide_It_1" type="checkbox"><label id="label_It_1" for="langue_guide_It_1">It</label><input value="6" id="langue_guide_Allemand_1" type="checkbox"><label id="label_Allemand_1" for="langue_guide_Allemand_1">Allemand</label><input value="7" id="langue_guide_Suédois_1" type="checkbox"><label id="label_Suédois_1" for="langue_guide_Suédois_1">Suédois</label><input value="8" id="langue_guide_Arabe_1" type="checkbox"><label id="label_Arabe_1" for="langue_guide_Arabe_1">Arabe</label><input value="9" id="langue_guide_Japonais_1" type="checkbox"><label id="label_Japonais_1" for="langue_guide_Japonais_1">Japonais</label><input value="10" id="langue_guide_Portugais_1" type="checkbox"><label id="label_Portugais_1" for="langue_guide_Portugais_1">Portugais</label><input value="11" id="langue_guide_Hébreu_1" type="checkbox"><label id="label_Hébreu_1" for="langue_guide_Hébreu_1">Hébreu</label><input value="12" id="langue_guide_Russe_1" type="checkbox"><label id="label_Russe_1" for="langue_guide_Russe_1">Russe</label></section><br><br>
Guide(s) correspondant(s) :<br>
<select name="ld_guides_1" id="ld_guides_1"><option value="">-- Choisir un guide --</option></select><br><br>
<section name="section_infos_guide_1" id="section_infos_guide_1">
    Numéro national <input name="numero_national_guide_1" id="numero_national_guide_1" type="text"><br>
    Nom <input name="nom_1" id="nom_guide_1" type="text"><br>
    Prenom <input name="prenom_guide_1" id="prenom_guide_1" type="text"><br>
    Adresse <input size="40" name="rue_guide_1" id="rue_guide_1" type="text">
    n° <input size="5" name="numero_guide_1" id="numero_guide_1" type="text"> Boîte <input size="5" name="boite_guide_1" id="boite_guide_1" type="text"><br>
    Code postal <input name="cp_guide_1" id="cp_guide_1" type="text">
    Ville <input name="ville_guide_1" id="ville_guide_1" type="text"><br>
    MAIL <input name="mail_guide_1" id="mail_guide_1" type="text"><br>
    TEL <input name="telephone_guide_1" id="telephone_guide_1" type="text"><br>
    GSM <input name="gsm_guide_1" id="gsm_guide_1" type="text"><br>
    FAX <input name="fax_guide_1" id="fax_guide_1" type="text"><br>
</section><br>

这是第二部分的代码（警报未显示）

<section name="section_langues_guides_2" id="section_langues_guides_2">
    <input value="1" id="langue_guide_Français_2" type="checkbox"><label id="label_Français_2" for="langue_guide_Français_2">Français</label><input value="2" id="langue_guide_NL_2" type="checkbox"><label id="label_NL_2" for="langue_guide_NL_2">NL</label><input value="3" id="langue_guide_GB_2" type="checkbox"><label id="label_GB_2" for="langue_guide_GB_2">GB</label><input value="4" id="langue_guide_Esp_2" type="checkbox"><label id="label_Esp_2" for="langue_guide_Esp_2">Esp</label><input value="5" id="langue_guide_It_2" type="checkbox"><label id="label_It_2" for="langue_guide_It_2">It</label><input value="6" id="langue_guide_Allemand_2" type="checkbox"><label id="label_Allemand_2" for="langue_guide_Allemand_2">Allemand</label><input value="7" id="langue_guide_Suédois_2" type="checkbox"><label id="label_Suédois_2" for="langue_guide_Suédois_2">Suédois</label><input value="8" id="langue_guide_Arabe_2" type="checkbox"><label id="label_Arabe_2" for="langue_guide_Arabe_2">Arabe</label><input value="9" id="langue_guide_Japonais_2" type="checkbox"><label id="label_Japonais_2" for="langue_guide_Japonais_2">Japonais</label><input value="10" id="langue_guide_Portugais_2" type="checkbox"><label id="label_Portugais_2" for="langue_guide_Portugais_2">Portugais</label><input value="11" id="langue_guide_Hébreu_2" type="checkbox"><label id="label_Hébreu_2" for="langue_guide_Hébreu_2">Hébreu</label><input value="12" id="langue_guide_Russe_2" type="checkbox"><label id="label_Russe_2" for="langue_guide_Russe_2">Russe</label></section><br><br>
Guide(s) correspondant(s) :<br>
<select name="ld_guides_2" id="ld_guides_2"><option value="">-- Choisir un guide --</option></select><br><br>
<section name="section_infos_guide_2" id="section_infos_guide_2">
    Numéro national <input name="numero_national_guide_2" id="numero_national_guide_2" type="text"><br>
    Nom <input name="nom_guide_2" id="nom_guide_2" type="text"><br>
    Prenom <input name="prenom_guide_2" id="prenom_guide_2" type="text"><br>
    Adresse <input size="40" name="rue_guide_2" id="rue_guide_2" type="text">
    n° <input size="5" name="numero_guide_2" id="numero_guide_2" type="text"> Boîte <input size="5" name="boite_guide_2" id="boite_guide_2" type="text"><br>
    Code postal <input name="cp_guide_2" id="cp_guide_2" type="text">
    Ville <input name="ville_guide_2" id="ville_guide_2" type="text"><br>
    MAIL <input name="mail_guide_2" id="mail_guide_2" type="text"><br>
    TEL <input name="telephone_guide_2" id="telephone_guide_2" type="text"><br>
    GSM <input name="gsm_guide_2" id="gsm_guide_2" type="text"><br>
    FAX <input name="fax_guide_2" id="fax_guide_2" type="text"><br>
</section><br>

Answer 1

由于$（'...'）。on绑定了您在克隆之前创建的jQuery对象，因此克隆的对象未绑定到您的警报功能。根据您可以使用的文档：

$(document).on('change','section[id^="section_langues_guides_"] :input',function() {
    alert('!');
});

Answer 2

Change

当用户提交对元素值的更改时，会针对<input>，<select>和<textarea>元素触发更改事件。与输入事件不同，对于元素值的每次更改，都不一定会触发change事件。

<select>不会触发更改，因此您的代码无效。

Jquery函数没有工作，没有警报

2 个答案:

Change