Question

我正在使用以下内容打开并关闭菜单 - 但最重要的是，要更改“菜单”中的链接文字。关闭＆＃39;关闭＆＃39;。

有没有办法改变＆＃39;关闭＆＃39;将文字链接回＆＃39;菜单＆＃39;没有点击链接，但点击页面上的任何位置？

<span class="menu-link">Menu</span>
<span class="menu-link" style="display:none">Close</span>

    <script type="text/javascript">
       jQuery(function() {
        jQuery(".menu-link").click(function()
         {                     
          jQuery(".menu-link").toggle();
          });
       });
    </script>

由于

Answer 1

向body标签添加一个click事件，这样当您点击页面上的其他位置时，它会切换它，或者您可以让它只能将其更改回菜单。

jQuery("body").click(function () {
        jQuery(".menu-link").toggle();
    });

Answer 2

替换它：

jQuery(".menu-link").toggle();

用这个：

$.trim($(this).text()) == "Menu" ? $(this).text("Close") : $(this).text("Menu");

为此，您不需要有两个跨度，也可以使用$.trim()删除任何前导/尾随空格。

jquery单击切换功能

2 个答案:

Demo