当一个浏览者点击标题列表中的标题时，我使用其他人的代码试图将内容加载到WordPress主页的div中。
标题都是关于特定主题的解释材料。它们不如一根长的管用。我试着使用引导式手风琴，但有些部分比其他部分长得多，而且页面上的内容太少，无法成为有效的策略。它看起来很漂亮，但被要求提供反馈的读者表示，他们认为它不起作用。
AJAX似乎是一个很好的解决方案；当它工作时，它看起来很棒。以下AJAX代码的问题是，它在我的Firefox浏览器上90%的时间都能正常工作，而在其他10%的时间里却不能正常工作。我可以测试几个小时，一切正常。然后我再次测试它，突然div中没有加载任何内容。有人能解释失败的可能原因吗？请随时提出更好的解决方案。非常感谢。
部门：
<div class="col-sm-6" id="mystory-container"></div>
代码：
jQuery(document).ready(function($) {
$.ajaxSetup({cache:false});
$(".mystory-link").click(function(){
var post_link = $(this).attr("href");
$("#mystory-container").html(\'Loading\');
$("#mystory-container").load(post_link);
return false;
});
});
SO网友:Bryan Contreras
changue此：
<script type="text/javascript">
$(".mystory-link").click(function(){
// Your code;
return false;
});
</script>
BY（这是使用jquery事件的正确方法）：
<html>
<body>
<!-- anchors -->
<a class="mystory-link" href="https://www.google.com"></a>
<a class="mystory-link" href="https://www.yahoo.es"></a>
<a class="mystory-link" href="https://www.youtube.com"></a>
<!-- content -->
<div id="mystory-container"></div>
<!-- javascript -->
<script type="text/javascript">
$(document).on(\'ready\', function(event) {
// this method select all Class «mystory-link» in the «document»
$(document).on(\'click\', ".mystory-link", function(event){
// stop the events by default in the anchors
event.preventDefault();
event.stopPropagation();
// set link in one var
var post_link = $(this).attr("href");
// load the content in div
$("#mystory-container").html(\'Loading...\');
$("#mystory-container").load(post_link);
});
});
</script>
</body>
</html>
