Jquery 外部文件定位点单击不工作

我目前正在开发一种足球网站。
我的主文件中包含2个外部文件。一个用于ajax post数据（

ajax.php

），另一个用于表单（

form.php

）。
PS:所有脚本都在主文件（main.php）中

在我的主文件中，我使用

调用表单页面。
在这个

form.php

文件中，我有一个下拉菜单，其中列出了从数据库中检索到的所有国家

在

main.php

（所有脚本都在其中）中，我使用jQuery获取用户单击的countryID，然后将其发布到我的ajax文件中，以便它可以返回来自特定国家的所有团队

Ajax文件返回：

然后我将其附加到

form.php

上的另一个下拉菜单中

问题是，当我试图知道哪个团队用户单击（在底部显示图像团队）时，它无法识别它。我已经尝试了

$（document）.ready（function（）{…}

，但仍然不起作用

我使用此代码获得单击：

$(".res1").click(function(ev){
      var rel = $(this).prop('rel');
      var name = $(this).prop('id');
      $.ajax(
        {
        type: "POST",
        url: "ajax.php",
        data: { 
        subid: rel,
        postName: 'res1'
        },
        success: function (result) {    
          $('#imageE1').empty();
          $('#imageE1').append('<h1>IMAGE</h1>');
        }
});
    ev.preventDefault();
});

$（“.res1”）。单击（功能（ev）{
var rel=$（this.prop（'rel'）；
var name=$（this.prop（'id'）；
$.ajax(
{
类型：“POST”，
url:“ajax.php”，
数据：{
subid:rel，
postName:'res1'
},
成功：函数（结果）{
$（'#image1'）.empty（）；
$（'#image1'）。追加（'IMAGE'）；
}
});
ev.preventDefault（）；
});

---

我认为问题在于，所有脚本都在我的

main.php

文件中，当

ajax.php

返回列表时，它无法到达

form.php

下拉列表。但是当我将脚本移动到

form.php

文件时，它们就会停止工作。

尝试以下方法：因为ajax内容与正常的onclick无关

$(".res1").click(function(ev){

进入

---

res1元素是动态加载的吗？即它们是从您的页面开始的还是以ajax方式加载的？嘿，皮特！是的，当发布国家信息时，它们是动态加载到ajax.php文件中的！非常感谢！成功了！@Bruno Welcome:-）

$(document).on("click",".res1",function(ev){