Question

我正在使用joomla !,我有一个按钮，可以在单击时从侧面弹出一个表单。我希望能够为小于600px的屏幕尺寸更改href，这样它就不会使用弹出窗口将用户重定向到联系页面。

我添加了这个jquery：

    jQuery(function(){
  var hrefs = ['contact-us', '#'];

  jQuery(window).on('resize', function() {
    jQuery('.case-study-signoff').prop('href', function() {
      return hrefs[jQuery(window).width() < 600 ? 0 : 1];

    });
  }).trigger('resize');
});

以前的jquery成功更改了href，因为我可以在html中看到，但是如果单击它就没有任何反应。您可以右键单击并在新选项卡中打开，该选项卡会将您带到所需的联系页面，但不会在单击时显示。

Answer 1

我已经在您的网站上对此进行了测试，但似乎有效：

jQuery(document).ready(function() {
    jQuery('.case-study-signoff').off().click(function (e) {
        e.preventDefault();

        if (jQuery(window).width() < 600) {
            window.location = '/contact-us';
        } else {
            pwebContact177.toggleForm();
        }
    });
});

此代码执行以下操作：

在文档完全加载之前等待
从“＆lt; - 联系我们”按钮中删除默认事件处理程序。
添加新的CLICK事件处理程序
当您单击按钮时，代码会检查屏幕的宽度
如果宽度< 600然后重定向到/ contact-us
否则，请使用联系表单切换弹出窗口。

使用jQuery更改模式弹出窗口的href

1 个答案: