切换触发器仅适用于主页

时间:2017-05-25 22:48:42

标签: jquery slidetoggle

我正在尝试切换我的搜索栏,因为我有一个href标签和字体很棒的图标。

当它是index.php时,触发器运行良好,我指的是主页 它创建了与其他页面和家庭的独立链接 当其他页面加载到ecxept主页时,触发器不起作用。

我想禁用它来创建或识别其他网页网址,并仅将其用于切换触发器。

例如:此脚本仅在我的网站的网址为mywebsite.com时有效,但在URL为“mywebsite.com/a-random-page”时无效。

HTML

div class="messagepop pop">

  <?php get_search_form(); ?>
</div>
<a href="#" id="contact"><i class="fa fa-search"></i></a>

的jQuery

// Show mobile-menu > 700
$(window).resize(function() {
  if ($(window).width() > 800) {
    $(".messagepop").hide();
  }
});

function deselect(e) {
  $('.pop').slideFadeToggle(function() {
    e.removeClass('selected');
  });    
}

$(function() {
  $('#contact').on('click', function() {
    if($(this).hasClass('selected')) {
      deselect($(this));               
    } else {
      $(this).addClass('selected');
      $('.pop').slideFadeToggle();
    }
    return false;
  });

  $('.close').on('click', function() {
    deselect($('#contact'));
    return false;
  });
});

$.fn.slideFadeToggle = function(easing, callback) {
  return this.animate({ opacity: 'toggle', height: 'toggle' }, 'fast', easing, callback);
};

0 个答案:

没有答案