Question

我目前正在开发一种足球网站我的主文件中包含2个外部文件。一个用于ajax发布数据（ajax.php），另一个用于表单（form.php）。
PS：所有脚本都在主文件上（ main.php ）

在我的主文件中，我使用<?php include 'form.php'; ?>来调用表单页面在form.php文件上，我有一个下拉菜单，其中包含从数据库中检索到的所有国家/地区。

在main.php（其中所有脚本都是）中，我使用jQuery获取用户点击的 countryID ，然后我将其发布到我的ajax文件中，以便它可以返回所有团队一个特定的国家。

Ajax文件返回：
<li><a href='#' rel='$row->id' class='res1' id='$row->name' name='res1'> $row->name  </a></li>

然后我将其附加到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();
});

我认为问题是所有脚本都在我的main.php文件中，当form.php返回列表时，它无法到达ajax.php下拉列表。但是当我将脚本移动到form.php文件时，它们就会停止工作。

Answer 1

请尝试以下操作：因为ajax内容与正常的onclick无关。

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

到

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

外部文件锚点击不起作用

1 个答案: