javascript - 使用 jQuery 定义点击导航

Question

我正在尝试执行 onClick 功能，它将在将特定文本输入到搜索页面后重定向用户......在函数定义中我只使用简单的 if... 否则一切都很好。当我尝试使用多个 else if 时出现问题。

<input id="naszInput"></input>
<button onclick="searchMe();">Search</button>

和功能定义：

<script>
function searchMe () {

if ($("#naszInput").val().toLowerCase() == "zara")
{
    window.location.href = 'zara.html';
}

    else if ($("#naszInput").val().toLowerCase() == "orsay")
{
    window.location.href = 'orsay.html';
}

else
{
    $("#naszLabel").text("cannot find!");
}
}
</script>

任何想法为什么会这样？这就是 Chrome 控制台告诉我的有关此错误的信息： Uncaught ReferenceError: searchMe is not defined app.html:1 onclick

Answer 1

我将删除按钮上的 onclick 属性，并添加一个可用于连接单击事件的 id 属性。另外，我建议将您的 javascript 移动到外部文件中。

<button id="btnSearch">Search</button>


<script>
function searchMe () {

if ($("#naszInput").val().toLowerCase() == "zara")
{
    window.location.href = 'zara.html';
}

    else if ($("#naszInput").val().toLowerCase() == "orsay")
{
    window.location.href = 'orsay.html';
}

else
{
    $("#naszLabel").text("cannot find!");
}
}
    $(function(){
      $('#btnSearch').click(searchMe);

    })
</script>