1

我有一个 wordpress 地理主题驱动的网站，用户可以在其中搜索事件。当我开始在文本框中为搜索事件编写任何内容时，会出现一个自动完成建议（这是一个插件）。单击任何建议后，它会填充文本框，并将表单提交到索引页面。

但是我需要，在单击建议后，它将填充文本框（目前还可以）并将页面重定向到另一个指向同一站点的链接，如下所示：http://sitename.com/events/text-comes-from-text-box.
“text-comes-from-text-box”是单击建议后从文本框出现的文本。

建议来自插件，建议来自此页面“review_searchform.php”。建议如<div id='ac_results'><ul><li>. 我试图找出，如果我点击<li>来自插件的响应。为此，我在 review_searchform.php此页面中使用了此代码，但它不起作用。我的代码如下，

<script type="text/javascript">

    jQuery("#ac_results ul li").click(function() {
    alert("test 2");

});

如果它可以工作，那么我会在这里添加重定向代码。我认为要解决这个问题，它不需要 PHP 或 WordPress 函数。它只需要 Javascript/jQuery。

4

3 回答 3

4

好的，可以说您的建议框是一个带有class="suggestion".

我们希望将我们的页面重定向到此建议文本作为地址。

您的建议示例 html

<div class="suggestion">Air Control Service</div>

单击此链接后，您的访问者必须转到此地址，对吗？：

http://sitename.com/events/Air-Control-Service

好的，然后让我们编写我们的 jquery 代码。

$(document).ready(function(){ //Take care to conflict issue
  $(".suggestion").on("click", function(){ //When visitor clicks your suggestion
    var eventText = $(this).text(); //Get text from suggestion 
    eventText = eventText.replace(" ","-"); //Replace "-" for " "
    var base = "http://sitename.com/events/"; //Set your base address
    window.location.href = base + eventText; //Redirect your visitor
  });
});

就是这样，我希望这会有所帮助。

编辑：将我的脚本更改为.on()版本。现在 ajax 返回也包含在事件中。

于 2013-07-13T11:12:01.290 回答
3

window.location = your_url将使您的浏览器立即重定向

于 2013-07-13T10:57:51.373 回答
2 
$("#ac_results ul li").each(function () {
    $(this).click(function () {
        window.location = $(this).text();
    });
});
于 2013-07-13T11:10:57.627 回答