Question

我是Squarespace和jQuery的新手。我已经实现了jQuery，它注入了我的标题。

我试图在点击H3时显示两段文字。

<script type="text/javascript"     
src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript"     
src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>

<script>
$(document).ready(function(){
$(".read-more").click(function(){
$(".bio-more").slideToggle();
});
});
</script>

<div class="read-more">
<h3>Read More</h3>
<div class="bio-more">
<p>some text</p>
<p>some text</p>
</div>
</div>

 .bio-more{
 display:none;
 }

当我从后端查看来自网址的页面时，它可以正常工作 my-accountsquarespace.com/whitney-oldenburg （不幸的是，我似乎无法在退出时访问此页面）

但是当我查看此页面时：http://gitanarosa.com/artist/#/whitney-oldenburg/ 登录或退出基本相同，但没有一些奇怪的拉伸缩放在Squarespace添加的顶部，它不起作用。

我的代码有问题吗？我尝试使用带有“＃”而不是H3的锚元素，但这没有什么区别？它与网址中的＃有什么关系吗？

或者这是一个特定于Squarespace的问题吗？

感谢。

Answer 1

通过查看您的页面，在单击缩略图时动态注入包含“read-more”的块。因此，正常的jquery单击处理程序不适用于动态创建的元素。试试这个，

$('body').on("click",".read-more h3",function(){
$(".bio-more").slideToggle();
});

jQuery只在没有＃的url的Squarespace页面上工作

1 个答案: