标签: squarespace

修改InfiniteScroll以水平工作

我在这里看到了一些关于这个主题的帖子,但是找不到一个能够解决我试图处理的问题的帖子.

在我的网站上,我有一些博客帖子.我已经设置了infiniteScroll(https://github.com/paulirish/infinite-scroll),它可以正常加载滚动操作触发的下一页内容.我已经设置我的div水平滚动但我无法弄清楚如何修改infiniteScroll脚本(和local.js脚本)由水平滚动而不是垂直滚动触发.

以下是进度:https://adrtimesv6.squarespace.com/library/(您必须输入访问者访问验证码才能在构建时查看).

任何帮助将不胜感激!!我一直在修补和狩猎互联网几天,试图让这个工作....

我的html结构是这样的:

<div class="listWrapper">
    <div id="scroller">
        <article class="item"></article>
        <article class="item"></article>
        ... and so on
    </div>
</div>

Run Code Online (Sandbox Code Playgroud)

我的脚本看起来像这样:

$('#scroller').infinitescroll({
    behavior: 'local',
    binder: $('#scroller'),
    nextSelector: ".pagination .nextPage",
    navSelector: ".pagination",
    itemSelector: ".item",
    animate: false,
    extraScrollPx: 0,
    bufferPx: 235,
    pixelsFromNavToRight: undefined,
});

Run Code Online (Sandbox Code Playgroud)

我修改了infiniteScroll js文件,将所有高度引用更改为宽度,从上到下,从下到右:

;
(function ($) {
    $.fn.infinitescroll = function (options, callback) {
        function debug() {
            if (opts.debug) {
                window.console && console.log.call(console, arguments)
            }
        }

        function areSelectorsValid(opts) {
            for (var key in …

Run Code Online (Sandbox Code Playgroud)

jquery horizontal-scrolling squarespace infinite-scroll

VUE*_*ELA

2013 07-27

11
推荐指数

1
解决办法

3820
查看次数

谷歌reCAPTCHA V3.0无法正常工作."网站所有者的错误:密钥类型无效"

我无法让Google reCAPTCHA在我的Squarespace表单上工作.站点密钥和密钥都正确输入.两个域都已输入.

客户端集成代码都已放入页面的标题中

即使在等待30分钟左右,并创建一组新密钥并通过替换旧代码进行相同的过程之后,即使从其他介质访问该页面,我仍然会遇到此错误消息.

链接到网页:https://mydietgoal.com/contact-us

如果有人知道如何将V3.0 Captcha集成到Squarespace中,我们将非常感激!

javascript dns recaptcha squarespace

Chr*_*ram

lucky-day

8
推荐指数

3
解决办法

2万
查看次数

Javascript,SetInterval和SetTimeOut函数导致跳转滚动

我正在使用带有特定模板的Squarespace网站,该模板使用索引页面和子页面作为索引页面的内容.(这些页面可以一个接一个地滚动).我想Squarespace正在使用锚点从索引页面滚动到相关页面.

我添加了一个javascript来显示当前时间并每秒更新一次(moment.js和moment-timezone).我每秒用SetInterval(function_name,1000)更新时间;

时间每秒都在正确更新.但是,这会导致我正在更新时间的特定页面在尝试向上或向下滚动时保持聚焦(它每秒都会发生).因此,如果我尝试从更新时间的特定页面向上或向下滚动,它会每秒自动滚动回到该页面!!

似乎有一个事件触发每一秒导致这一点.我每秒呼叫的实际功能如下:

function showLocalTime() {
    var momentLondon = moment().tz("Europe/London").format('HH:mm:ss z');
    // The location label HTML
    var locationHTML = '<strong>Location</strong><br>';
    // The HTML string for london, England
    var londonHTML = 'London, England';
    $( "p:contains('London, England')" ).html(locationHTML + londonHTML + ' (' + momentLondon + ')');
}

Run Code Online (Sandbox Code Playgroud)

因此,我所做的只是更改特定HTML元素的innerHTML以显示当前时间.

我调用上面的函数如下:

<script>
  $(function() {
    document.addEventListener("DOMSubtreeModified", function(){
    return;});
    window.setInterval(showLocalTime, 1000); // update it periodically
  });
</script>

Run Code Online (Sandbox Code Playgroud)

但是,正如我所说,通过SetInterval重复调用上述函数会导致网页每秒自动滚动到网站的这一部分(联系人页面)!!

我可以看到每次调用上面的函数时都会触发一个事件DOMSubtreeModified.我为DOMSubtreeModified事件添加了一个自定义侦听器,但我仍然遇到同样的问题.

可能是因为某种重绘事件？无论如何,我似乎无法找到问题,我无法克服这个问题.

任何帮助,将不胜感激!!

谢谢

javascript jquery settimeout setinterval squarespace

pla*_*res

2016 10-20

7
推荐指数

1
解决办法

816
查看次数

将AWS CloudFront CDN置于方形空间网站前需要哪些设置？

我无法让AWS CloudFront与SquareSpace合作.表单未提交的问题以及网站说网站已过期.使CloudFront与Squarespace站点一起工作所需的设置是什么？

cdn squarespace amazon-cloudfront

Joe*_*rth

2016 04-01

6
推荐指数

1
解决办法

2001
查看次数

使用Google表格作为后端数据库

我是非营利组织的志愿者,目前我们通过Squarespace运营我们的网站.我们设立了数百个网页来赞助我们的孩子.每隔几个月,当我们想要更新他们的个人信息时,我们必须进入每个网页并重新输入所有信息.我们将所有信息保存在Google Excel工作表中.

我的问题是:我是否能够将Google表格中的单元格链接到每个孩子的网页上的特定值？这样,当更新Excel工作表(最喜欢的活动,喜欢的颜色,等级,年龄等)时,可以通过Google表格更新所有内容,而不必首先更新Google表格,然后更新每个人网页.我已经研究了好几天了,我觉得它可能与JQuery有关,但我对Squarespace的功能感到非常有限.谢谢!

javascript jquery squarespace

Tin*_*naG

lucky-day

6
推荐指数

1
解决办法

1864
查看次数

Squarespace Developer CLI未按预期工作

我正在尝试使用网站上的快速指南设置一个新的方形空间开发者网站.

https://developers.squarespace.com/get-started

我无法登录我的squarespace帐户,然后同步这些网站.输入密码后出现以下错误.

ERROR: { StatusCodeError: 404 - "<html>\n<head>\n<title>404 Not Found</title>\n<style> body { background-color: #F2F2F2; color: #3E3E3E; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 12px; } pre { word-wrap: break-word; } </style>\n</head>\n<body>\n<h1>404 Not Found</h1>\n<p><pre>oy7BQZNq/qHYGjXF0 @ Thu, 18 Jan 2018 20:27:51 GMT</pre>\n<p><pre>SEC-1306</pre>\n<p><pre></pre>\n</body>\n</html>"
    at new StatusCodeError (/Users/cwahlfeldt/Apps/base-template-npm/node_modules/request-promise-core/lib/errors.js:32:15)
    at Request.plumbing.callback (/Users/cwahlfeldt/Apps/base-template-npm/node_modules/request-promise-core/lib/plumbing.js:104:33)
    at Request.RP$callback [as _callback] (/Users/cwahlfeldt/Apps/base-template-npm/node_modules/request-promise-core/lib/plumbing.js:46:31)
    at Request.self.callback (/Users/cwahlfeldt/Apps/base-template-npm/node_modules/request/request.js:186:22)
    at Request.emit (events.js:160:13)
    at Request.<anonymous> (/Users/cwahlfeldt/Apps/base-template-npm/node_modules/request/request.js:1163:10)
    at Request.emit (events.js:160:13)
    at IncomingMessage.<anonymous> (/Users/cwahlfeldt/Apps/base-template-npm/node_modules/request/request.js:1085:12)
    at Object.onceWrapper (events.js:255:19)
    at IncomingMessage.emit (events.js:165:20)
    at endReadableNT (_stream_readable.js:1101:12)
    at process._tickCallback (internal/process/next_tick.js:152:19) …

Run Code Online (Sandbox Code Playgroud)

shell developer-tools squarespace

cwa*_*ldt

lucky-day

6
推荐指数

0
解决办法

175
查看次数

Vimeo 嵌入 Squarespace：加载时隐藏控件，悬停时显示

这里有新的 Squarespace、Vimeo 和 iFrame 用户。我正在为一家非营利组织做一些工作，他们要求我创建一个包含约 10 个视频的“推荐”页面，其中每个视频的控件仅在悬停时才会显示。

\n\n

加载/非活动状态

\n\n

当视频加载时，不应该有任何控件；分享；或标题/署名可见。

\n\n

悬停时

\n\n

悬停时，用户应该看到播放器控件。

\n\n

我尝试过的

\n\n

给定基本的 iFrame 嵌入代码：

\n\n

<iframe src="https://player.vimeo.com/video/58659769" width="640" height="360" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe>\n

Run Code Online (Sandbox Code Playgroud)\n\n

\xe2\x9c\x85?title=0&byline=0&portrait=0删除了 Vimeo 帐户的标题、所有者姓名和所有者头像，无论付费状态如何。这是朝着正确方向迈出的一步！
?controls=0摆脱了 Pro+ 视频的所有控件，这是所需的开始状态。但是，播放视频的唯一方法是通过autoplay=1： https: //developer.vimeo.com/player/sdk/embed。这不适用于页面上的多个视频。此外，我们没有付费 Vimeo 帐户。
{ display: none; }页面加载后，在我的开发工具面板中使用 a 来定位元素。但是，我无法通过自定义 CSS 面板产生相同的效果 - 我怀疑是由于 Vimeo 服务器端限制。（它首先隐藏元素，然后在约 3 秒后渲染它们。）
我无法通过开发者模式将自定义 Javascript 注入网站，因为我们只使用基本的 Squarespace，因此所有 JS 解决方案目前都被阻止。不过，我也许可以让他们付费升级 Squarespace，所以欢迎使用 JS 解决方案！
将<script> …

iframe vimeo squarespace vimeo-player

ale*_*sie

2020 02-24

6
推荐指数

1
解决办法

8898
查看次数

是否可以在squarespace上使用MathJax？

我目前正在尝试使用squarespace创建一个新网站,我想使用MathJax排版数学.这与SE用于在physics.SE上呈现数学的引擎相同.

使用MathJax的标准方法是将某个代码段放在页面的标题中,您希望使用此处概述的MathJax .我试图通过使用"代码注入"功能在squarespace中执行此操作,该功能允许将所需代码放入方形空间站点上所有页面的标题中,但数学似乎不会呈现.

这个人声称已经使我上面概述的程序工作,但是在他建议将数学公式输入到HTML代码块之后,MathJax似乎没有工作.下面是一个代码示例.

JavaScript的:

<script type="text/javascript"
   src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
</script>

Run Code Online (Sandbox Code Playgroud)

HTML:

When \(a \ne 0\), there are two solutions to \(ax^2 + bx + c = 0\) and they are
$$x = {-b \pm \sqrt{b^2-4ac} \over 2a}.$$

Run Code Online (Sandbox Code Playgroud)

更新.似乎MathJax确实使用上面概述的程序(即如果您将其输入到html代码块中)正确呈现,但仅在您将该网站视为访问者时,而不是在您登录到您的方空间帐户时.

html javascript squarespace mathjax

jos*_*ics

2014 09-16

5
推荐指数

1
解决办法

1828
查看次数

将Guice与Jersey(squarespace)集成:未安装ServiceLocatorGenerator

我正在部署一个Jersey 2.22应用程序,我试图使用Squarespace jersey2-guice-impl库顺利地与Guice 4.0集成,以便我可以轻松地将Guice依赖项注入我的控制器.

(我为下面的小错字道歉,我不得不重新输入所有内容.)

但是我在启动时遇到以下错误,这是由我的WebListener引起的:

   SEVERE: Exception starting filter jersey
   java.lang.IllegalStateException: It appears there is no ServiceLocatorGenerator installed.  
     at com.squarespace.jersey2.guice.GuiceServiceLocatorGeneratorStub.create(GuiceServiceLocatortGeneratorStub.java:50)
     at org.glassifsh.hk3.internal.ServiceLocatorFactoryImpl.internalCreate(ServiceLocatorFactoryImpl.java:312)
     at org.glassfish.h2k.internal.ServiceLocatorFactoryimpl.create(ServiceLocatorFactoryImpl.java: 268)
     at org.glassfish.jersey.internal.inject.Injections._createLocator(Injections.java:138)
     at org.glassfish.internal.inject.Injections.createLocator(Injections.java:123)
     at org.glassfish.jersey.server.ApplicationHandler.<init>(WebComponent.java:392)
     at org.glassfish.jersey.servlet.ServletContainer.init(ServletContainer.java:177)
     at org.glassfish.jersey.servlet.ServletContainer.init(ServletContainer:415)
     at org.apache.catalina.core.ApplicationFilterConfig.initFilter(ApplicationFilterConfig.java:281)
     at org.apache.catalina.core.ApplicationFilterConfig.getFilter(ApplicationFilterConfig.java: 262)
     at ....

Run Code Online (Sandbox Code Playgroud)

我从我的pom.xml使用以下依赖项:

 <dependency>
    <groupId>com.google.guava</groupId>
    <artifactId>guice</artifactId>
    <version>4.0.0</version>
 </dependency>
 <dependency>
    <groupId>com.google.inject.extensions</groupId>
    <artifactId>guice-servlet</artifactId>
    <version>4.0.0</version>
 </dependency>
 <dependency>
    <groupId>com.squarespace.jersey2-guice</groupId>
    <artifactId>jersey2-guice-impl</artifactId>
    <version>1.0.6</version>
 </dependency>
 <dependency>
    <groupId>org.glassfish.jersey.containers</groupId>
    <artifactId>jersey-container-servlet</artifactId>
    <version>2.22.2</version>
 </dependency>
 <dependency>
    <groupId>org.glassfish.jersey.core</groupId>
    <artifactId>jersey-container-servlet</artifactId>
    <version>2.22.2</version>
 </dependency>
 <dependency>
    <groupId>org.glassfish.jersey.media</groupId>
    <artifactId>jersey-media-multipart</artifactId>
    <version>2.22.2</version>
 </dependency>
 <dependency>
    <groupId>org.glassfish.jersey.ext</groupId>
    <artifactId>jersey-mvc</artifactId>
    <version>2.22.1</version>
 </dependency>

Run Code Online (Sandbox Code Playgroud)

这是WebListener: …

tomcat jersey guice squarespace guice-servlet

Meo*_*ode

lucky-day

5
推荐指数

0
解决办法

601
查看次数