javascript - jQuery .delegate 不工作

Question

这个问题不太可能对任何 future 的访客有帮助；它只与一个较小的地理区域、一个特定的时间点或一个非常狭窄的情况相关，通常不适用于全世界的互联网受众。如需帮助使此问题更广泛适用， visit the help center 。

已关闭 10 年前。

以下代码可以在页面加载时切换类，但在 Ajax 调用后不起作用。

html([field_map_location] 是一个 Drupal 标记):

<div class="clearfix dir-map">
<a href="#" class="show">Map</a>
<div id="slidingDiv" class="outside">
[field_map_location]
</div>
</div>

JavaScript:

<script type="text/javascript">
 jQuery(function($) {
$(document).ready(function() {
    $('.dir-map').delegate('a', 'click', function(e) {
        e.preventDefault(); 
        $(this).next('div').toggleClass('outside inside');
    });
});

});
</script>

更新我已经尝试了以下推荐的解决方案，但仍然不起作用。

<script type="text/javascript">
 jQuery(function($) {
    $(document).delegate('.dir-map a', 'click', function (e) {
        e.preventDefault(); 
        $(this).next('div').toggleClass('outside inside');
    });
});
</script>

抱歉，我是菜鸟，所以我不知道如何向您展示 AJAX 调用的代码。我可以告诉您，这个 html 是 Drupal View 的一部分，我正在使用它的 AJAX 功能。

Answer 1

Drupal 与 AJAX 的结合有时会很有趣；连接到 Drupal 自己的 JS 行为系统可能会有所帮助...

(function($) {
  Drupal.behaviors.custom = {
    attach: function(context, settings) {
      $('.dir-map a', context).click(function (e) {
        e.preventDefault(); 
        $(this).next('div').toggleClass('outside inside');
      });
    }
  };
})(jQuery);

有点过时的事件附加是因为 Drupal 7 仍然附带 jQuery 1.4.2。