【问题标题】:Change wordpress menu href更改 wordpress 菜单 href
【发布时间】:2015-12-02 19:01:22
【问题描述】:

我想更改所有页面上特定菜单项的 href。这可能吗?我应该把代码放在哪里?

我还将这个 javascript 添加到特定页面的末尾:

<script type="text/javascript">
    document.getElementById("menu-item-100").href="xyz.php"; 
</script>

即使当我查看页面源代码时它显示脚本位于菜单的原始 href 之后,它也不起作用。 我不想使用自定义链接。

【问题讨论】:

    标签: wordpress menu href


    【解决方案1】:

    试着把它放在你的footer.php中

    <script>
    jQuery(document).ready(function($) {
      $("#menu-item-100").attr("href", new_href);
    });
    </script>
    

    出于无冲突的原因,Wordpress 很多时候需要 jQuery(document).ready(function($)

    【讨论】:

    • 这比javascript版本好得多;因为它可以更容易地扩展更长的嵌套元素。谢谢。
    【解决方案2】:

    试试吧,可能对你有帮助:

    $("#menu-item-100").attr("href", new_href);
    

    【讨论】:

      【解决方案3】:

      显然ID为menu-item-100的元素内部有一个a标签;所以我不得不重新定位整个事情。

      这解决了整个问题。

      document.getElementById('menu-item-100').getElementsByTagName('a')[0].href="THE LINK";
      

      感谢@NooBskie,我将它放在footer.php 中,它影响了所有页面。

      【讨论】:

      • 如果您使用 jquery 只是做$("#menu-item-100 a").attr("href", new_href);,您可以使用一种更短的方法
      • @NooBskie 我不知道为什么您提供的 jquery 版本不起作用。我什至将双引号更改为单引号,但它仍然不起作用。 javascript虽然工作得很好。这是不起作用的代码: $("#menu-item-100 a").attr("href", "google.com");
      • @NooBskie 不,它只是保留了旧的 href。
      • @NooBskie 我真笨;我忘了把它放在一个函数里。现在它完美地工作了!谢谢! jQuery(document).ready(function($) { $("#menu-item-100 a").attr("href", "#"); });
      • 我不是 100% 确定我正在使用我的 WordPress 网站,并且相同的代码对我有用
      猜你喜欢
      • 1970-01-01
      • 2017-11-30
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2013-09-16
      • 2011-05-27
      • 1970-01-01
      相关资源
      最近更新 更多