大家好我这个脚本有问题。它不起作用。它应该将页面加载到我的内容,与下面的脚本相同。
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>
...
答案 0 :(得分:1)
启动控制台记录事物。添加...
console.log($(this));
... ...后
$("#buttons img").click(function(){
...所以你看到实际被点击的内容。然后...
console.log(result);
... ajax成功之后。继续这样做,直到你看到破损的位置。