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

博客作者遇到了一个jQuery AJAX问题,脚本在点击事件中应该加载页面内容,但未能正常工作。对比了一个功能正常的类似脚本,问题脚本在DOM加载后并未生效。建议检查代码是否在DOM就绪回调下运行,使用Chrome开发者工具查看返回内容和检查控制台是否有JS错误。
摘要由CSDN通过智能技术生成

嗨,大家好,我对这个脚本有问题。它不工作。它应该将页面加载到我的内容中,与下面的脚本相同。简单的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

previous_button.svg

next_button.svg

我已经做出了类似的一个,其完美的工作

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

  • Basic tricks
    • Forward/Split Spin
    • Backward/Split Spin

...

+0

是否在dom就绪回调下添加了代码 –

+0

使用chrome dev工具查看回送的内容 - 请参阅“响应”选项卡 –

+0

检查控制台选项卡是否也存在任何JS错误。如果你不知道它在哪里 - 开发工具的默认触发器是F12 –

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值