如何点击模式上的“联系我们”按钮与我们联系?

时间:2017-05-05 15:15:30

标签: javascript jquery twitter-bootstrap bootstrap-modal bootstrap-4

当我点击“联系我们”时,我正在努力找到一种方法。在我的模态上,它将关闭模态然后滚动到联系我们部分。我现在发现的方法现在也滚动,当我按下关闭,有没有办法解决这个问题。这是使用的功能!

jQuery(function($) {
    $('#leadworkModal, #tilingModal').on('hidden.bs.modal', function (e) {
        $('html, body').stop().animate({
            scrollTop: $("#contact-us").offset().top
        }, 2000);
    });
});

1 个答案:

答案 0 :(得分:1)

您必须将事件附加到按钮:

jQuery(function($) {
  $(document).on('click', '#contactButton', function (e) {
    if($('#leadworkModal').hasClass('in')) $('#leadworkModal').modal('hide');
    if($('#tilingModal').hasClass('in')) $('#tilingModal').modal('hide');
    $('html, body').stop().animate({
        scrollTop: $("#contact-us").offset().top
    }, 2000);
  });
});

如果您在按钮onclick事件中附加事件(如评论中所示)。它只会工作一次。因为事件仍然附加进一步。

所以我只是检查是否显示模态只是隐藏它。