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

How to redirect to another link with javascript in a wordpress site?

本文关键字：重定向 javascript 另一个 链接 wordpress 网站      更新时间：2023-09-26

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

但我需要，在点击建议后，它会填充文本框（目前还可以），并将页面重定向到同一网站的另一个链接，如下所示：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。

好吧，假设您的建议框是一个带有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返回也包含在事件中。

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

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