Jquery 默认设置并使用链接作为切换
首先,我刚刚开始学习jQuery 我试图避免默认的博客标题链接,而是将其用作下面博客内容的切换。因为所有博客条目都使用我需要使用的同一个类。下一步仅选择下一个类。我会喜欢任何关于如何让这个代码工作的建议。谢谢Jquery 默认设置并使用链接作为切换,jquery,toggle,Jquery,Toggle,首先,我刚刚开始学习jQuery 我试图避免默认的博客标题链接,而是将其用作下面博客内容的切换。因为所有博客条目都使用我需要使用的同一个类。下一步仅选择下一个类。我会喜欢任何关于如何让这个代码工作的建议。谢谢 <script type="text/javascript"> $('.u-url').click(function(event){ event.preventDefault(); }); $('.u-url').click(function(){ $(this).
<script type="text/javascript">
$('.u-url').click(function(event){
event.preventDefault();
});
$('.u-url').click(function(){
$(this).next('.entry-content').toggle();
});
</script>
$('.u-url')。单击(函数(事件){
event.preventDefault();
});
$('.u-url')。单击(函数(){
$(this).next('.entry content').toggle();
});
标记很复杂…但不是我创建的。这是Squarespace网站的一部分。我已经删除了不适用的div(如未隐藏的发布日期或部分问题)
我用CSS隐藏了“条目内容”,并试图在单击博客文章标题时将其切换。尝试使用
.closest()
获得与提供的选择器匹配的父元素,然后用类抓取它的下一个元素。条目内容
,然后切换它
$('.u-url').click(function(event){
event.preventDefault();
$(this).closest(':header').next('.entry-content').toggle();
});
您的代码不起作用,因为.entry content
不是当前元素的直接同级元素,即$(this)
编辑:
$('.u-url').click(function(event){
event.preventDefault();
$(this).closest('header.entry-header').next('.entry-content').toggle();
});
我看到它在演示中工作,但在站点上不工作。@twoarmtom你能将我链接到你的实时站点吗?。我正在创建此演示站点,因此它不是“活动”的。单击“访问者”并键入它提供给您的代码。@twoarmtom请尝试更新的代码,我刚刚查看了您的网站。:)@汤姆很乐意帮忙。。!
$('.u-url').click(function(event){
event.preventDefault();
$(this).closest('header.entry-header').next('.entry-content').toggle();
});