Question

我试图在adobe muse中设计这个页面时遇到了一个非常奇怪的问题。我不擅长编码javascript，所以如果出现问题，不要生气，但这就是我想要完成的事情。

我决定用adobe muse设计这个网站，因为我工作的公司决定与浏览器一起出现的浏览器内编辑器是我们正在做的事情的完美解决方案。我不久后发现用缪斯设计东西有时候会非常令人沮丧，而这只是我无法解决的一个案例。

我在网站上运行了几种搜索，现在，由于我没有太多时间，我认为将所有3种不同搜索合并到1页的最简单方法是设计自定义搜索嵌入，有标签切换所有3种搜索，然后我会写一些超级简单的javascript，它接受输入内的文本，并将其插入一个网页，将页面重定向到搜索结果所在的任何地方。

<script>
function storeSearch(x) {
    location.href = "http://gistsilverbuckle.com/store.html#!/~/search/keywords=" + (x) + "&offset=0&sort=relevance";
}
document.getElementById("ecwidSearch").addEventListener("keyup", function(event) {
    event.preventDefault();
    if (event.keyCode === 13) {
        document.getElementById("ecwidSearchButton").click();
    }
});    
</script>
<div class="ecwidStoreSearch">
    <div class="searchContainer">
        <div class="searchFormContainer">
            <form>
                <input type="text" class="searchField" id="ecwidSearch" placeholder="Search the Store">
            </form>
        </div>
        <div class="searchButtonContainer">
            <div class="customSearchButton" id="ecwidSearchButton" onclick="storeSearch(document.getElementById('ecwidSearch').value)">
                <svg class="searchButtonIcon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12.55 12.82">
                    <title>Looking Glass</title>
                    <path d="M306.8,264.12a3.54,3.54,0,0,0,.1-5h0a3.53,3.53,0,0,0-5-.1h0a3.54,3.54,0,0,0-1.08,2.48,3.49,3.49,0,0,0,1,2.5h0a3.48,3.48,0,0,0,2.47,1.08,3.56,3.56,0,0,0,2.52-1Zm2.17-2.46a4.59,4.59,0,0,1-1.05,2.84l4.35,4.51-.78.76-4.35-4.51a4.63,4.63,0,0,1-2.88.93,4.59,4.59,0,0,1-3.23-1.4h0a4.64,4.64,0,0,1,.11-6.53h0a4.62,4.62,0,0,1,6.53.12h0A4.64,4.64,0,0,1,309,261.66Z"
      transform="translate(-299.73 -256.95)" />
                </svg>
            </div>
        </div>
    </div>
</div>

相当简单吧？这也是我的想法，当我在Dreamweaver中测试它时，它对我有用，但是当我将代码嵌入到muse中时，如果你单击搜索按钮，基本功能就会起作用，但如果你点击它就不起作用输入

我可能正在做一些非常愚蠢的事情，所以也许你可以向我指出。

这是我的jsfiddle：https://jsfiddle.net/fosterboytron/3aba7gsa/

这是我正在创建的页面的链接。 http://gistsilverbuckle.com/search.html

希望我提供足够的信息，如果您还需要，只需回复，我会添加您需要的任何信息。

感谢您提供的任何帮助！

Adobe Muse - 自定义HTML嵌入的事件监听器在添加到muse之后无法正常工作？

0 个答案: