簡單的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成功之後。繼續這樣做，直到你看到破損的地方。