Question

所以我有一个包含＃gallery-carousel-3的网址。当用户单击右侧图标（.icon.icon-arrow-right）时，会添加.blockd类。这很好。但是当用户点击左侧图标（.icon.icon-arrow-left）时，如果URL包含＃gallery-carousel-3并且.panel-display div可见，我想删除.blockd类。我似乎无法让第二部分工作

我的代码如下：

      jQuery(document).ready( function($) {

            $('.icon.icon-arrow-right').click(function(){

              if(window.location.href.indexOf("#gallery-carousel-3") > -1 && $('.ad-panel').filter(':visible').length == 0 ) {
                $('.owl-wrapper-outer').addClass('blockd');

              }         

            });

            $('.icon.icon-arrow-left').click(function(){


              if(window.location.href.indexOf("#gallery-carousel-3") > -1 && $('.panel-display').is(':visible')) {
                $('.owl-wrapper-outer').removeClass('blockd');
              }            


            });
      });

Answer 1

您可以使用以下网址获取网址中的哈希值（＃）：location.hash

因此，假设您的网址为http://example.com/#gallery-carousel-3

var urlHash = location.hash; // => #gallery-carousel-3

如何检查元素是否可见并使用JQuery检查URL是否包含字符串？

1 个答案: