Javascript 简单jquery ajax内容加载不起作用

嗨，伙计们，我对这个脚本有点问题。它不起作用。它应该像下面的脚本一样将页面加载到我的内容中

JS-不工作

$("#buttons img").click(function(){
  var data_trick = $(this).attr("data-trick");
  $.ajax({
    url: data_trick+".php",
    success:function(result){
    $("#content").html(result);
  }}); 
});

HTML

HTML

基本技巧

向前旋转/分割旋转
后退/拆分旋转


...

启动控制台日志记录。加上

console.log($(this));

……在

$("#buttons img").click(function(){

…所以你可以看到实际点击的内容。然后

console.log(result);

---

…在ajax成功之后。继续这样做，直到您看到破损的位置。

是否在dom就绪回调下添加了代码使用chrome开发工具查看返回的内容-如果有任何JS错误，请参阅控制台选项卡中的“响应”选项卡Check。如果您不知道它在哪里-开发工具的默认触发器是F12Try var data_trick=$（this）.find（'img'）.attr（“data trick”）；更具体地说，获取数据..Thx很多，但我已经修复了它$（'#buttons img'）.live（“click”，function（）{哦，是的，如果在绑定时它不可见，它将不会触发单击事件。我建议使用“.off（）”.on（'click'，function…”或“.on（'click'…”，因为.live（）已被弃用。

console.log($(this));

$("#buttons img").click(function(){

console.log(result);