0

我是 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 的 url 从后端查看页面时，它可以工作（不幸的是，我似乎无法在注销时访问此页面）

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

我的代码有问题吗？我尝试使用带有“#”而不是 H3 的锚元素，但这并没有什么不同？它与url中的#有什么关系吗？

或者这是一些 Squarespace 特定的问题？

谢谢。

4

1 回答 1

0

通过查看您的页面，当单击那里的缩略图时，会动态注入包含“阅读更多”的块。所以普通的 jquery 点击处理程序不适用于动态创建的元素。尝试这个，

$('body').on("click",".read-more h3",function(){
$(".bio-more").slideToggle();
});
于 2014-01-18T06:11:13.253 回答