Question

解决

好。你不会相信这一点，但CSS文件中的“pointer-events”元素搞砸了所有内容。在“jquery.fancybox-1.3.4.pack.js”文件中，我只需将hideOnOverlayClick和hideOnContentClick从“true”更改为“false”。我的意思是我从一开始就这样做，但“指针事件”正在干扰，因此页面对象仍然可以点击。

由于“指针事件”，所有浪费一天。我的大脑太累了。

-----

我在我的网站上使用FancyBox包作为一个功能。

当您将产品添加到购物车时，会出现一个弹出窗口，其中说明您订购的产品和数量。

使用firebug，我确定叠加层是“#fancybox-overlay”。我在CSS文件中找到了这个并使用了“pointer-events：none”，这是有效的。但是，如果滚动按钮或主菜单，您仍然可以与这些对象进行交互。

因此，如果用户将某个项目添加到购物车，然后点击另一个项目的“addtocart-button”，则会将该项目添加到购物车。我只需要禁用网页对象，直到它们为小弹出窗口按下“关闭”按钮。

我已经深入研究了这个文件：“jquery.fancybox-1.3.4.pack.js”，你可以在这里更改一些内容。我正在考虑在“addtocart”按钮上添加一个onclick事件，这样当“＃fancybox-overlay”由于点击addtocart按钮而打开时，它必须禁用网页对象和元素。

点击addtocart按钮后必须禁用整个背景。我尝试了z-indexes，使用透明图像作为封面;没有什么工作。

我想到的东西：

<script type="text/javascript">
$(document).ready(function (){
if $('.addtocart-button').click==true){
    $('#fancybox-overlay') {backdrop: static, keyboard: false}

}


});
</script>

使用叠加功能停用网页的网页元素？

0 个答案: