jquery.on(';单击';)只触发一次即可在div中加载社交媒体

jquery.on(';单击';)只触发一次即可在div中加载社交媒体,jquery,Jquery,我尝试设置一些按钮,以在单独的div中交替单击并加载twitter、pinterest、instagram或facebook。 只有第一次单击才能加载媒体api。例如:twitter-pinterest-twitter-reach-pinterest。“再次”失败。我尝试了同样的设置,只加载文本,效果很好。已知问题 $('#laadTwitter').on('click', function() { $("#smResult").load("twitter.html"); }); $("#laa

我尝试设置一些按钮,以在单独的div中交替单击并加载twitter、pinterest、instagram或facebook。 只有第一次单击才能加载媒体api。例如:twitter-pinterest-twitter-reach-pinterest。“再次”失败。我尝试了同样的设置,只加载文本,效果很好。已知问题

$('#laadTwitter').on('click', function() { $("#smResult").load("twitter.html"); });
$("#laadPinterest").on('click', function() { $("#smResult").load("pinterest.html"); });
$("#laadInstagram").on('click', function() { $("#smResult").load("instagram.html"); });
$("#laadFacebook").on('click', function() { $("#smResult").load("facebook.html"); });
Twitter
品特烈
一款图片分享应用

Try$(document.body).on('click','laadTwitter',function(){--为文档正文委派事件。或者提供有关单击后发生的事情的更多信息。代码应该工作。检查网络请求选项卡以验证加载。加载媒体api是什么意思?这些页面上有脚本,对吗?它们只会在第一次加载时触发…所以不要“抛出”删除结果,但为每个结果保留一个单独的div,并将其设置为显示:none或类似-也应该更有效。@Mikk3lRo这是一个很好的建议,这样所有脚本都将加载一个,并且可以单独查看多次。(类似这样的内容:)谢谢!