我在Magnific Popup中使用Slick Slider.
滑块可以包含几个项目,并具有自己的缩略图导航.
因为弹出窗口设置滑块显示:none我用过:
$('.slider-products').slick('setPosition');
当弹出窗口打开并更改时,在回调函数中.
我创造了一支笔.
您会看到一些问题,首先由于未设置setPosition,缩略图导航无法正确加载,但我无法使其正常工作.如果您调整窗口大小,您将看到它.
其次,第二个(紫色)和第三个(绿色)项目不会在他们的第一个项目上开始.每个滑块都有自己独特的类,因此它们不应相互干扰.
你会在这个JsFiddle中看到https://jsfiddle.net/xpvt214o/402281/在窗口滚动中有另一个图像滚动.如何修改下面的内容,以便在它到达该元素之前不会开始滚动(在所有br标签之后)？我试过抵消它但没有到达任何地方.
如果滚动速度慢得多也没关系.
jQuery(document).ready(
function() {
var $w = $(window);
var $d = $('.oh');
$(window).scroll(function(event) {
var st = $w.scrollTop();
_x = st;
lastScrollTop = st;
$d.css('bottom', _x);
});
});
这是我想要实现的一个例子https://www.sketchapp.com/
我正在尝试使用Stripe checkout.js订阅订阅,然后使用PHP订阅客户.我的问题是获取他们的电子邮件地址 在文档中找不到任何有用的东西.
文档:https://stripe.com/docs/guides/subscriptions#step-2-subscribe-customers
是)我有的:
<script src="https://checkout.stripe.com/checkout.js"></script>
<button id="customButton">Purchase</button>
<script>
var handler = StripeCheckout.configure({
key: 'pk_test_keyhere',
image: '/square-image.png',
token: function(token) {
// Use the token to create the charge with a server-side script.
// You can access the token ID with `token.id`
}
});
document.getElementById('customButton').addEventListener('click', function(e) {
// Open Checkout with further options
handler.open({
name: 'test2',
description: 'Test Des',
amount: 0001,
currency:'GBP'
});
e.preventDefault();
});
</script>
<?php
// Set your API key
Stripe::setApiKey("sk_test_keyhere");
$token = $_POST['stripeToken'];
$customer …我正在使用Infinite滚动和Magnific Popup.
弹出窗口的内容是"第1页",但在此之后失败.我试图在infiniteScroll调用中使用MagnificPopup的回调.
$grid.infiniteScroll({
path: '.pagination__next',
append: '.grid__item',
outlayer: msnry,
status: '.page-load-status',
}, function( newElements ) {
$('.open-pop').magnificPopup({
type: 'inline',
mainClass: 'mfp-fade',
fixedContentPos: false,
gallery: {
enabled: true,
navigateByImgClick: false,
}
});
});
我的问题类似于这个Magnific弹出窗口和无限滚动,我试图实现它是不成功的.
可能是一个额外的复杂因素是我正在使用砌体.这是我的完整代码:
// init Masonry
var $grid = $('.grid').masonry({
itemSelector: 'none', // select none at first
columnWidth: '.grid__col-sizer',
gutter: 26,
percentPosition: true,
stagger: 30,
// nicer reveal transition
visibleStyle: { transform: 'translateY(0)', opacity: 1 },
hiddenStyle: { transform: 'translateY(100px)', opacity: 0 },
});
// get …任何人都可以指向一个可以与Snow leopord一起使用的以前版本的Github mac的下载链接的方向吗？最新版本已经放弃了对它的支持:http://mac.github.com/
我一直在寻找,但我找不到任何东西.或者我会看到塔,但是与Gits Free相比,它的价格是40英镑.
我正在使用第三方旋转木马,它可以动态增加直线宽度和高度样式.当浏览器大小减小时,该站点使用媒体查询来调整轮播容器的大小.我的问题是必须刷新页面才能进入媒体查询.所以我可以在调整大小时刷新jQuery函数,以便重新计算其宽度/高度吗？
这是jQuery:
<script type="text/javascript">
$(document).ready(function () {
$("#carousel").featureCarousel({
// include options like this:
// (use quotes only for string values, and no trailing comma after last option)
carouselSpeed:700,
smallFeatureWidth:0.8, smallFeatureHeight:0.8, sidePadding:0, topPadding:0
});
});
</script>
无论如何停止在设备(移动设备)上加载javascript文件？我做了一个响应式设计,并且有一些脚本不能用于移动版本,所以如果它们不必加载就会很好.
非常感谢
我有以下防止点击事件和slideToggle子导航,问题是它阻止子链接(在它的子导航)工作.如何在不影响子项的情况下定位父项或取消绑定preventDefault？
$('#sidr-main .submenu-button a').click(function(e) {
e.preventDefault();
$(this).next().slideToggle();
});
我正在使用此代码:http://jsfiddle.net/6wYzw/42/来过滤类别,但我需要功能略有不同.如果选中多个过滤器,则该项目最多包含两个要显示的过滤器.
例:
检查A类和B类只会显示'AB'而不是'A'和'B'的所有实例
HTML:
<ul id="filters">
<li>
<input type="checkbox" value="categorya" id="filter-categorya" />
<label for="filter-categorya">Category A</label>
</li>
<li>
<input type="checkbox" value="categoryb" id="filter-categoryb" />
<label for="filter-categoryb">Category B</label>
</li>
<div class="item categorya categoryb">A, B</div>
<div class="item categorya">A</div>
<div class="item categorya">A</div>
<div class="item categorya">A</div>
<div class="item categoryb">B</div>
<div class="item categoryb">B</div>
<div class="item categoryb">B</div>
JS:
$("#filters :checkbox").click(function() {
var re = new RegExp($("#filters :checkbox:checked").map(function() {
return this.value;
}).get().join("|") );
$(".item").each(function() {
var $this = $(this);
$this[re.source!="" && re.test($this.attr("class")) ? "show" : …