在Squarespace中插入自动完成搜索栏

时间:2016-09-29 02:45:47

标签: javascript html squarespace

我正在为Squarespace上的项目构建一个非常简单的登录页面。 唯一的复杂功能将是一个输入字段(如搜索栏),它根据字母列表(大约100个)显示字母匹配的猜测。

在我看来,通过阅读类似的问题和研究,适应jsfiddle的脚本可以做到这一点:

HTML部分:

<div class="col-lg-4 col-md-5 col-sm-3">
    <form class="navbar-form" id="theSearchForm" name="theSearchForm" role="search" method="get" action="yoursearchfilescriptgoeshere">
        <div class="input-group">
            <input type="text"  class="form-control autocomplete" placeholder="Search">
            <div class="input-group-btn">
                <a class="btn btn-default" href="javascript:document.theSearchForm.submit();">
                    <i class="glyphicon glyphicon-search"></i>
                </a>
            </div>

JS部分:

$(function() {
var availableTags = [
"ActionScript",
"AppleScript",
"Asp",
"BASIC",
"C",
"C++",
"Clojure",
"COBOL",
"ColdFusion",
"Erlang",
"Fortran",
"Groovy",
"Haskell",
"Java",
"JavaScript",
"Lisp",
"Perl",
"PHP",
"Python",
"Ruby",
"Scala",
"Scheme"
];
$(".autocomplete").autocomplete({
source: availableTags
});
});

虽然Squarespace应该允许将代码片段(HTML,CSS和JavaScript)添加为块,但我无法使其正常工作。

Squarespace中每个代码段只有一个字段,因此:

  1. 是否意味着我必须在代码段字段中相互插入所有代码(HTML和JavaScript)(显然JavaScript代码的每一侧都包含<script>标记)?
  2. 或者我应该将它们作为不同的块插入,因为它们会自动相互调用&#34;如果这是有道理的
  3. 我相信我还需要包含以下jquery.min.js,jquery-ui-git.js,bootstrap.min.css但我有一些希望,一旦我明白我在上面做错了我也可以在这里申请。

    如果有任何不清楚的地方,如果您需要更多信息,请告诉我。

0 个答案:

没有答案