javascript - 简单的 jquery ajax 内容加载不起作用

Question

大家好，我有这个脚本的问题。它不工作。它应该将页面加载到我的内容中，与下面的脚本相同。

JS - 不工作

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

HTML

<div id="buttons">
  <img data-trick="forward_spin" src="images/previous_button.svg">   
  <img data-trick="backward_spin" src="images/next_button.svg">    
</div>

我已经制作了一个类似的，效果很好

JS - 工作

   $("#ul_menu li ul li").click(function(){
    $("#ul_menu li ul li").removeClass("sub_active"); 
    $(this).addClass("sub_active"); 
    var data_trick = $(this).attr("data-trick");
  $.ajax({
    url: data_trick+".php",
    success:function(result){
      $("#content").html(result);
    }}); 
  });

HTML

<ul id="ul_menu">
    <li id="basics"><span>Basic tricks</span>
        <ul> 
            <li data-trick="forward_spin" >Forward/Split Spin</li>
            <li data-trick="backward_spin" >Backward/Split Spin</li>
        </ul>
    </li>
...

Answer 1

开始控制台记录事情。添加...

console.log($(this));

...后...

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

...所以您会看到实际点击的内容。然后...

console.log(result);

...在 ajax 成功之后。继续这样做，直到你看到破损在哪里。