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

Question

所以我有一个包含#gallery-carousel-3 的URL。当用户单击右侧图标 (.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