jQuery .click没有运行

Question

Hello Stackers

我遇到了点击操作的问题。它只是不起作用，它没有运行Click。单击时，它什么都不做。甚至没有返回错误。点击错了吗？

$( document ).ready(function() {
    console.log("notclicked");
    $("#makesee-<?php echo $n['id']; ?>").click(function() 

{
    console.log("clickerdeclick");
    $.ajax({
        type: "POST",
        url: "seenot.php",
        async: true,
        data: { a: <?php echo $n['id']; ?> , b:<?php echo $user['id']; ?>},
        success: function(result){
            console.log(result);
            console.log("twerkt");
        },
        error: function (response) {

            //if error output data in console
            console.log(response);
            console.log("lol");
        }
    });
});
}); 

这是我的按钮，

<a class="btn btn-default" id="#makeseen-<?php echo $n['id']; ?>"><span class="glyphicon glyphicon-eye-open" aria-hidden="true"></a></button>

Answer 1

修正ID attribut以使其中没有PHP代码。

执行类似的操作（如果您需要PHP中的ID：

<a class="btn btn-default myButton" data-id="<?php echo $n['id']; ?>">

然后你使用这个jQuery：

$(".myButton").on("click", function() {
    var id = $(this).data("id");
    $.ajax({
        type: "POST",
        url: "seenot.php",
        async: true,
        data: {"a": id },
        ...
        etc
        ...
    });
});

Answer 2

避免混用PHP和Javascript。

按钮

<button>
  <a class="btn btn-default" id="makeseen-<?php echo $user['id']; ?>" data-id="<?php echo $user['id']; ?>">
    <span class="glyphicon glyphicon-eye-open" aria-hidden="true">Click Me</span>
  </a>
</button>

Jquery的

$(document).ready(function() {
  $("button").click(function() {
    alert($(this).children("a").data("id"));
  });
});

小提琴

Fiddle