【问题标题】:How to disable dropdown on hover (wordpress)?如何禁用悬停下拉菜单(wordpress)?
【发布时间】:2021-06-18 03:49:57
【问题描述】:

以下代码在悬停时显示 2 个下拉菜单。
我需要禁用下拉菜单。
我尝试了以下代码,但它仍然下降。
控制台没有错误。
请告诉我如何禁用下拉菜单?

使用插件创建的现有代码:

<div class="elementor-element elementor-element-d9e3cb4 elementor-widget__width-initial elementor-widget elementor-widget-shortcode" data-id="d9e3cb4" data-element_type="widget" data-widget_type="shortcode.default">
                <div class="elementor-widget-container">
                <div class="elementor-shortcode">
<div class="wpml-ls-statics-shortcode_actions wpml-ls wpml-ls-legacy-dropdown js-wpml-ls-legacy-dropdown" disabled="true">
    <ul>

        <li tabindex="0" class="wpml-ls-slot-shortcode_actions wpml-ls-item wpml-ls-item-ko wpml-ls-current-language wpml-ls-first-item wpml-ls-item-legacy-dropdown">
            <a href="#" class="js-wpml-ls-item-toggle wpml-ls-item-toggle">
            <img class="wpml-ls-flag" src="https://www.myweb.com/wp-content/uploads/flags/KO_2.svg" alt="Korean" width="18" height="12"></a>

            <ul class="wpml-ls-sub-menu">
                
                    <li class="wpml-ls-slot-shortcode_actions wpml-ls-item wpml-ls-item-zh-hans">
                        <a href="https://www.myweb.com/?elementor_library=header" class="wpml-ls-link">
              <img class="wpml-ls-flag" src="https://www.myweb.com/wp-content/uploads/flags/CN_2.svg" alt="Japanese" width="18" height="12"></a>
                    </li>

                
                    <li class="wpml-ls-slot-shortcode_actions wpml-ls-item wpml-ls-item-en wpml-ls-last-item">
                        <a href="https://www.myweb.com/?elementor_library=header" class="wpml-ls-link">
                <img class="wpml-ls-flag" src="https://www.myweb.com/wp-content/uploads/flags/EN_2.svg" alt="English" width="18" height="12"></a>
                    </li>

                            </ul>

        </li>

    </ul>
</div>
</div>
                </div>
                </div>

我尝试过的代码:

jQuery(".wpml-ls-legacy-dropdown").prop("disabled", true);

jQuery(".wpml-ls-legacy-dropdown").attr("disabled", true);

谢谢你。

【问题讨论】:

  • 试试:jQuery(".wpml-ls-legacy-dropdown").css('pointer-events','none');
  • 嗨斯瓦蒂:哇,你真是太棒了!你总是有答案。我真的很佩服你。非常感谢斯瓦蒂:)

标签: jquery wordpress dropdown


【解决方案1】:

尝试使用这个:

jQuery(".wpml-ls-legacy-dropdown").prop("readonly", "readonly");

jQuery(".wpml-ls-legacy-dropdown").prop("readonly", true);

或尝试 .attr()

【讨论】:

  • 嗨,Kuldeep Singh:感谢您的帮助。我尝试了所有 4 个代码,但它们仍然下拉。 ,我不确定它是否是正确的响应,但“只读”,true 显示 html 中的 readonly="readonly"。
【解决方案2】:

那不是 WPML 语言切换器吗?如果是的话,设置中有一个部分可以自定义语言切换器的外观

https://wpml.org/forums/topic/customize-the-language-switcher/#:~:text=Solution%3A%20In%20order%20to%20change,any%20part%20of%20your%20page.

在 WPML -> 语言 -> 有一个部分可以自定义(如果尚不存在,则添加)您的语言选择器

您甚至可以预览它的显示方式,直到它符合您的需求

【讨论】:

  • 您好 Diego:感谢您的帮助。是的,它是 WPML,我需要禁用特定页面上的下拉菜单。所以,我需要代码,@Swati 解决了它。谢谢:)
猜你喜欢
  • 1970-01-01
  • 2021-11-30
  • 1970-01-01
  • 1970-01-01
  • 2021-03-13
  • 2013-01-19
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多