繁体   English   中英

fancybox jQuery,弹出后不应用css

fancybox jquery,css not applying after popup

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

我想在用户单击的位置设置fancybox的顶部位置,这意味着如果我在距顶部300px的位置单击主体,则需要将fancybox设置为top:300px

我试过的是:

$('.fancybox').fancybox({
    'onComplete': function() {
      $(".fancybox-wrap").css({'top':'20px', 'bottom':'auto'});
    }
});

但是那是行不通的,之后我尝试了:

$('.fancybox').click(function() {
    var offset = $(this).offset();
    $(".fancybox-wrap").attr('style','top:' offset.top +'px !important');
    $(".fancybox-wrap").css({'top':'20px', 'bottom':'auto'});
});

但是没有工作,有人可以帮我吗?

提前致谢。

1 个回复

只需尝试单行,

$(".fancybox-wrap").css('top','20px');
$(".fancybox-wrap").css('bottom','auto');

希望这个帮助

1 Css不适用于插件上的fancybox

我正在使用yii tokeninput插件Yii tokeninput进行自动完成。 如果我在页面上使用它的css正在应用但如果我在fancybox中使用它而不是css不适用。 控制器代码 查看代码 ...

2 CSS样式不适用于jquery弹出窗口

我无法将CSS样式应用于Rails应用程序中的弹出窗口。 弹出窗口包含一个沼泽标准的Rails表单,一个播放按钮和一个使用timer.jquery.js的倒数计时器。 为了测试timer.jquery.js,我编写了一个类似的html文件。 那里的样式很好用。 弹出窗口可能缺少一些明 ...

3 jquery在分页后不应用css

之前可能已经多次问过这个问题,但我无法解决。 我必须在动态表的第一列的背景上应用 css。 我的代码在第一页上运行良好。 但是在导航到下一页时它不起作用 我已经在$(document).on('page/load/change','table tr, function(){})尝试了上面的代码并 ...

2019-11-12 05:06:41 1 41   jquery
4 jQuery Fancybox弹出框

我正在尝试使用jquery和fancybox弹出其中具有重力形式的页面。 我遵循以下指示: http://www.gravityhelp.com/creating-a-modal-form-with-gravity-forms-and-fancybox/ 除了jquery部分,其他 ...

5 显示Jquery fancybox弹出窗口

我有一个关于jquery fancybox的简单问题。 在我最近的项目中,我的相册的每个详细信息页面中都有Facebook分享链接,并且我正在使用fancybox弹出显示整个详细信息页面。 但是,当我共享到Facebook的链接时,我希望当Facebook弹出时,来自Facebook的链接能 ...

6 动画结束后应用css规则jquery

我希望能够使用jquery添加一个css属性\\ value但是我想等到动画首先出现然后我希望css通过将其显示值设置为none来删除动画。 这是我的代码片段。 ...

7 在jQuery中应用css()后的新值

我正在缩放div以便在不滚动的情况下可见。 所以我有: 现在div与之前的顶部不在同一位置,我需要在应用css({ transform: 'scale(' + scale + ')'之后确定从顶部开始的新偏移,所以我可以计算一些移动余量这个div在顶部。 如何确定新的offset ...

8 jQuery操作后CSS无法正确应用?

我有一个图像,当您单击该图像时,可以通过以下规则将其替换为较小的图像: 为了防止有人单击并将鼠标移出div时保持这种状态,我需要这样做: 但是,一旦调用(一旦将鼠标移入相应的div之后再移出该div),上述CSS规则就会停止适用。 我在检查器中签入,并且不再使用它。 为什 ...

9 Fancybox jQuery多个弹出框

我正在使用此http://fancybox.net/example作为我的代码。 我在a#view1和a#view2上实现了fancybox,以便当人们单击Click1时它将打开fancybox。 然后,如果他们单击该Click2按钮,它将打开box2。 我想将box1的形状“转换” ...

10 Fancybox jQuery中的CSS渐变?

我正在调整我的fancybox jQuery,以便在打开灯箱后会出现背景渐变。 我对jQuery不太满意,但这是fancybox为自定义背景颜色提供的功能: 所以我用固定'-webkit-linear-gradient(top, #B7F9EE, #FAD19C) fixed;'代替了 ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2022 STACKOOM.COM