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

时间:2013-09-28 13:08:51

标签: javascript ajax jquery

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

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>
...

1 个答案:

答案 0 :(得分:1)

启动控制台记录事物。添加...

console.log($(this));

... ...后

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

...所以你看到实际被点击的内容。然后...

console.log(result);

... ajax成功之后。继续这样做,直到你看到破损的位置。