如何在wordpress网站中使用javascript重定向到另一个链接？

Question

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

但是我需要，在单击建议后，它将填充文本框（当前确定），然后将页面重定向到另一个指向相同站点的链接，如下所示： http://sitename.com/events/text-comes-from-text-box : http://sitename.com/events/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。

Answer 1

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

Answer 2

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

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

您的建议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返回也包含在事件中。

Answer 3

$("#ac_results ul li").each(function () {
    $(this).click(function () {
        window.location = $(this).text();
    });
});