让jQuery点击在移动平台上工作的问题

时间:2014-08-12 17:03:47

标签: javascript jquery drupal

我已经查看了许多与此相关的其他问题,但我似乎找不到有用的东西。我正在使用Drupal 7,我正在尝试修改DIV标记,以便通过单击它关闭Add2Any菜单。它在PC浏览器上运行良好,但我没有运气让点击在移动设备上运行。我了解移动浏览器通常不会在锚标记之外的事物上观察点击事件。这导致我在我用来点击并在点击的锚点上设置click事件关闭的div周围包裹一个锚标记。这又适用于桌面浏览器,但在移动设备上没有任何功能我对任何其他建议持开放态度,谢谢。

(function($) {
  Drupal.behaviors.cee = {

    attach: function(context, settings){
    $('.a2a_i_a2a').wrap('<a class="share_close_link href="#"></a>');
        $('.share_close_link').on('click', function() {
          $('#a2apage_dropdown').hide();
      });
      }
    };
})(jQuery);

1 个答案:

答案 0 :(得分:0)

好的,问题是我使用的是AddToAny的Share选项卡。由于我的更改是在DOM链的下游,因此扩展功能并忽略了我的点击。我的解决方案导致将锚标记添加到div标记之上,并且在共享选项卡顶部使用CSS进行绝对定位。我的答案如下。

  

的jQuery( 'a2a_menu_inside。 ')前面加上('');

     
    

jQuery('body')。on('click','#closer',function(){

         
      

的jQuery( '#a2apage_dropdown')隐藏();