问题标签 [squarespace]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
css - Squarespace remove drop down menu from main navigation with CSS
I really like how the FAQ page/questions look on the site I'm building using Squarespace. The only issue is that because of this structure, it also leads to a cumbersome drop down menu when you hover over the FAQ tab on the main navigation.
Here's a link: http://www.officialjerky.com/faq-1/
While it's certainly possible to set up anchored links in another FAQ page, I'm also sure there's a solution that will allow me to keep the structure of the page(s) and get rid of the drop down. Perhaps a bit of custom CSS that could make the drop down invisible?
There was a similar help thread that asked how to change the spacing between the items in the drop down, and the custom CSS input solution was: .primary-nav .folder-links-wrapper li { line-height: 0em; }.
Any guidance or input is really helpful. Thanks.
javascript - 在 Squarespace 上托管 d3.js 可视化
我最近遇到了两篇博文(1、2 ),其中详细介绍了在 Squarespace 上实现 d3.js 可视化的方法。我有兴趣将交互式网络可视化上传到我的 Squarespace 网站,因此我尝试按照这些博客文章中的说明进行操作,但似乎无法显示任何可视化。
这是我的工作流程的简要说明。首先,我按照Neal Caren 网站上的说明下载了一些数据,并使用 Python 的 networkx 包的 d3_j3 插件创建了一个共引网络可视化。对该站点上的测试数据运行该站点上的脚本会生成一个 cites.js 文件、一个 cites.json 文件和一个 cites.html 文件,并将这些文件中的每一个放在一个包含子目录 d3 的目录中,其中d3.js、d3.geom.js、d3.layout.js 和 force.css 位于。如果我双击 cites.html 文件,我会在浏览器窗口中看到所需的可视化。(这是前面提到的压缩形式的目录。)
问题是我似乎无法在 Squarespace 上加载可视化。在 Toke Frello 的博文之后,我修改了 cites.js 文件的第 5 行,使其变为:
var vis = d3.select(".sqs-block-content")
然后我修改了该文件的第 10 行,使其变为:
d3.json("/s/cites.json", function(json) {
(这是修改后的文件。)然后我将 d3.js——连同 cites.js、cites.json、d3geom.js 和 d3layout.js——上传到我网站上的 /s/ 目录,然后转到博客—— > 高级 --> 发布博客项目代码注入并插入:
<script src="/s/d3.js"></script>
.
最后,我去了我的博客,在旧页面上创建了一个新代码块,使用下拉菜单将该块识别为 html 代码,然后键入:
我保存了该页面并尝试在浏览器中查看它,但我只看到应该出现可视化项的一个大的白色矩形。如果有人可以提供有关我可能会尝试使可视化出现的步骤的任何见解,我将不胜感激。
PS Squarespace 自动将 d3.geom.js 重命名为 d3geom.js,并自动将 d3.layout.js 重命名为 d3layout.js。我似乎无法阻止这种重命名。
html - 使用 CSS 创建的居中 .page-desc 按钮
我试图在 Squarespace 中将一个按钮居中,该按钮由 CSS 和页面描述中的链接制成。
我使用了这个 Squarespace Question提供的代码。它完美地获得了按钮,但它最终真的歪了..链接
有谁知道我可以使用任何代码在屏幕中动态居中按钮(页面描述链接),就像 madebybump.com 等其他选框示例一样?
我尝试了边距、填充和位置:块,但这些都不起作用,最终在 CSS 编辑器中变灰。
谢谢!!
hide - SquareSpace在除主页之外的所有地方隐藏图像标题
ericdcreative.com
我试图在除主页之外的所有页面上隐藏顶部的金门大桥图像。
我相信问题在于标题不是标题。剩下nav bar
的我认为是标题。我认为这是因为当我将代码注入该个人的项目页面(不是主页)时,左侧nav bar
消失了。
jquery - 将 Accordion 小部件合并到 Squarespace 6
我一直在试图弄清楚如何将手风琴小部件合并到我的 Squarespace 6 页面之一中。基本上就像这里的布局一样:http: //jqueryui.com/accordion/
但是,对于 Squarespace,JQuery 可能无法正常工作......我可以用 CSS 做些什么吗?
提前致谢。
css - 在 Squarespace 模板中禁用响应的 CSS 代码
我正在使用 Squarespace 中的 Devlin 模板。
我发现响应式设计是浏览器尺寸较小的问题。我的横幅图像宽度为 1250 像素,并且在缩小的浏览器尺寸下,图像的左右两侧都有信息。响应能力也以负面的方式破坏了我的内容布局。
任何人都可以帮助我使用 CSS 代码来禁用模板响应能力吗?欢迎提出其他建议。
html - 使用 GET 表单中的代码重定向到 URL
我正在 Squarespace 中开展一个项目,以创建一个非常基本的密码锁表单,在该表单中输入不同的代码(发票编号)会将您带到特定的 URL。因为它是 Squarespace,所以我认为除了 html 之外我没有太多的编码选项(但我可能是错的 - 我非常处于学习模式!!).. 我确实在这里找到了类似的问题Query String重定向:如何将表单输入更改为 URL?,但是如何将响应实现到 squarespace 的代码块中,这超出了我的范围......
现在我的代码如下所示:
使用此代码,表单每次都会将您带到 our-team/bob 页面,无论在表单中输入了什么。例如,如果在表单中输入 0000,我将被重定向到 www.mydomain.com/our-team/bob?code=0000 - 这仍然只是 our-team/bob 页面;如果在表单中输入 1234,我将被重定向到 www.mydomain.com/our-team/bob?code=1234 --- 这仍然只是 our-team/bob 页面;如果没有在表单中输入任何内容并且我单击提交,它仍然会将我重定向到 our-team/bob 页面。
理想情况下,每个唯一代码都会将我带到我开发的唯一页面。但是 squarespace 不允许我使用“?” 在页面网址中,所以我不能那样重定向。我希望能够输入一个特定的代码,将我带到相应的页面,并且需要使用一些简单的逻辑来对照数组检查代码:
如果字符串是 1234,转到 /our-team/bob 如果字符串是 5555,转到 /our-team/jane 如果字符串是 0000,转到 /our-team/allen (等等) 如果字符串是其他内容,则显示一个错误,根本不离开页面或转到某种错误页面。
希望这是有道理的(希望可以做到!)如果有任何其他信息可以提供给您,请告诉我。非常感激你的帮助!
javascript - 灯箱弹出窗口中的 Jquery Datepicker 仅打开一次
我的一些代码有问题,我知道这可能不是发布它的地方,但我没有从正确的地方找到解决方案,所以我来寻求专家。
我在 Squarespace 上编辑的客户网站在灯箱中有一个表单,我决定像一个好孩子一样添加一个日期选择器,但遇到了一些问题。在灯箱中时,日期选择器仅工作一次(在灯箱表单的第一次加载时)。这是一个小问题,但如果用户在提交之前退出或决定提交两次,在灯箱表单的第二次和后续打开时,日期选择器不会抬头。
这是我的代码:
我无法直接访问 HTML,因此我使用占位符文本作为选择器。寻求帮助,希望我在这里发帖不会越界。
谢谢。
jquery - 选项卡开关不加载内容
我正在使用 Squarespace 创建一个带有三个选项卡的选项卡视图。每个都包含一个 Squarespace 块,它从不同的博客加载一些内容。唯一的问题是,当页面调整大小时,隐藏的块的行为不正确。当前可见的块工作正常,并且可以调整大小,但是当我单击其他块时,它们都很时髦并且大小不正确。
这是我的标签代码:
我认为 window.resize 上的事件可以修复它,或者 Squarespace 的 ImageLoader 函数(这是底部的 YUI,虽然没有效果),但我没有运气。直播网站位于 fbc-monterey.squarespace.com
html - YUI id 是如何生成的?
我正在使用一个使用 YUI 的 squarespace 网站。每次页面刷新,都会生成不同的 YUI id。这很酷,但是我团队中的某个人一直在捏造并使用 id 在无数样式表中进行样式设置。我知道这不会影响实际站点,因为每次都会生成不同的 ID,但我想了解潜在的风险。是否有可能两次生成相同的 YUI id?它们是如何生成的?我在想,如果它们严重基于日期/时间,那么风险几乎为零,我不必真正担心寻找所有这些调用 YUI id 的毫无价值的样式。
我也只是很好奇。谢谢,