Question

我创建了一个函数，通过ajax将页面中的内容加载到div - 使用此函数效果非常好：

<script>
$(document).ready(function(){
$.ajaxSetup({cache:false});
$(".my-link-<?php the_ID(); ?>").click(function(){
var my_link = $(this).attr("href");
$("#single-post-container-<?php the_ID(); ?> ").html("video loading");
$("#single-post-container-<?php the_ID(); ?> ").load(my_link +' .video-container');
return false;
});
});
</script>

点击标题后加载内容。但是，当我再次点击标题或者点击其他帖子中的标题时，我如何添加从div卸载/隐藏内容的内容，以便将内容加载到此div中。像addClass“。hidden”这样的东西会有所帮助 - 但我怎么能用jquery来判断呢？

Answer 1

您可能希望将这些行移到click事件之外，以防止每次单击

时加载它们

var my_link = $(this).attr("href");
$("#single-post-container-<?php the_ID(); ?> ").html("video loading");
$("#single-post-container-<?php the_ID(); ?> ").load(my_link +' .video-container');

$("#single-post-container-<?php the_ID(); ?> ").hide();

$(".my-link-<?php the_ID(); ?>").click(function(){
      $("#single-post-container-<?php the_ID(); ?> ").toggle();
      return false;
});

将内容加载到div中 - 在第二次单击时关闭

1 个答案: