小编sou*_*ous的帖子

触摸移动卡住忽略尝试取消触摸移动

我正在搞乱触摸滑块上的触摸事件,我不断收到以下错误:

忽略尝试取消具有cancelable = false的touchmove事件,例如因为滚动正在进行且无法中断.

我不确定是什么导致了这个问题,我不熟悉触摸事件,似乎无法解决这个问题.

以下是处理触摸事件的代码:

Slider.prototype.isSwipe = function(threshold) {
    return Math.abs(deltaX) > Math.max(threshold, Math.abs(deltaY));
}


Slider.prototype.touchStart = function(e) {

    if (this._isSliding) return false;

      touchMoving = true;
      deltaX = deltaY = 0;

    if (e.originalEvent.touches.length === 1) {

        startX = e.originalEvent.touches[0].pageX;
        startY = e.originalEvent.touches[0].pageY;

        this._$slider.on('touchmove touchcancel', this.touchMove.bind(this)).one('touchend', this.touchEnd.bind(this));

        isFlick = true;

        window.setTimeout(function() {
            isFlick = false;
        }, flickTimeout);
    }
}


Slider.prototype.touchMove = function(e) {

    deltaX = startX - e.originalEvent.touches[0].pageX;
    deltaY = startY - e.originalEvent.touches[0].pageY;

    if(this.isSwipe(swipeThreshold)) {
        e.preventDefault();
        e.stopPropagation();
        swiping = true; …
Run Code Online (Sandbox Code Playgroud)

javascript jquery slider event-handling touch

38
推荐指数
4
解决办法
7万
查看次数

更新条纹客户地址和非卡信息

是否可以只更新客户在Stripe上存储的地址而不是卡?我问的原因是我现在的方式,客户可以更新他们的信息,但它也需要输入他们的卡,即使它只是一个城市变化.

我正在使用以下内容创建令牌并更新客户的信息

$("#payment-form").submit(function(event) {
    // disable the submit button to prevent repeated clicks
    $('#stripe-submit').attr("disabled", "disabled");

    // combine first & last name
    var fullname = $('[name="first-name"]').val() + " " + $('[name="last-name"]').val();

    // send the card details to Stripe
    Stripe.createToken({
        number: $('.card-number').val(),
        cvc: $('.card-cvc').val(),
        exp_month: $('.card-month').val(),
        exp_year: $('.card-year').val(),
        name: fullname,
        address_line1: $('[name="address"]').val(),
        address_city: $('[name="city"]').val(),
        address_state: $('[name="state"]').val(),
        address_zip: $('[name="zip"]').val(),
        address_country: $('[name="country"]').val()
    }, stripeResponseHandler);

    // prevent the form from submitting with the default action
    return false;
});
Run Code Online (Sandbox Code Playgroud)

有没有像我可以使用的updateToken?所以我只能改变某些值.

javascript jquery credit-card stripe-payments

7
推荐指数
2
解决办法
3161
查看次数

使用jQuery切换时移动到DIV

我一直在阅读,我试图让屏幕移动到正在切换的div.它位于我的网站的底部,所以当你切换联系表单时,除非你向下滚动,否则你不能告诉它.

我有这个jQuery片段似乎没有用

//contact toggle
$("#show-con").click(function(){
  $("#contact-wrap").slideToggle("slow");
  $("#contact-wrap").animate({scrollTop: $("#contact-wrap").offset().top});
});
Run Code Online (Sandbox Code Playgroud)

切换工作正常,但它不会滚动到div.

我在这里阅读了一些较旧的文章,但不幸的是,他们链接到不再活跃的网站.

jquery scroll toggle

5
推荐指数
1
解决办法
7685
查看次数

单击时切换CSS3动画

在没有javascript的情况下点击CSS3动画的方向的最佳方法是什么?

我最近一直在探索复选框黑客攻击并试图想出一种方法,只有一组关键帧,而不是两组,一组前进,一组回来.这可能吗?或者有没有办法用一套呢?

例如,我有以下关键帧:

@keyframes moveIt {
  0%   { 
    transform: translateX(0);
    width: $size;
  }
  50%  {
    width: $size*1.2;
  }
  100% {
    transform: translateX(50px);
    width: $size;
  }
}
@keyframes moveItBack {
  100%   { 
    transform: translateX(0);
    width: $size;
  }
  50%  {
    width: $size*1.2;
  }
  0% {
    transform: translateX(50px);
    width: $size;
  }
}
Run Code Online (Sandbox Code Playgroud)

有什么方法可以将它减少到只有第一组吗?然后从100%开始回来并回到0%?

这是我想要实现的一个例子.

animation reverse toggle css3 css-animations

5
推荐指数
1
解决办法
7307
查看次数

在DIV中的所有数字周围包裹SPAN

我试图在div中包围所有数字的跨度,以便我可以相应地设置它们的样式.

我已经搜索了一些javascript来做到这一点,没有运气,能够定位div内的所有数字.

将圣经经文复制并粘贴到文本区域.我想在其中设置所有数字的样式.与此网站的工作方式类似:http://marshill.com/media/trial/trial-and-jesus#scripture

在"圣经"标签下.

html javascript numbers

4
推荐指数
1
解决办法
692
查看次数

使用Jquery向数字添加跨度

所以本周我一直在讨论jQuery.试图为我目前正在处理的wordpress主题添加一些很酷的东西.

在这个精彩的网站的帮助下,我收到了以下JS,以包围某个div中的数字.一切都很好,直到我开始实现更多的JS来发现这实际上导致我的其他JS破坏.

//add span to numbers
var elem = document.getElementById('passage');
elem.innerHTML = elem.innerHTML.replace(/\b(\d+)\b/g, '<span>$1</span>');
Run Code Online (Sandbox Code Playgroud)

但是,自从我使用jQuery后,我被告知要将"document.getElementById"取出并最终得到:

//add span to numbers
var elem = $( 'passage' );
elem.innerHTML = elem.innerHTML.replace( /\b(\d+)\b/g, '<span>$1</span>' );
Run Code Online (Sandbox Code Playgroud)

我认为这样可以解决没有运气的情况.为什么这不起作用的任何想法?谢谢

我的最终结果是能够像这个网站那样为他们的圣经经文设计数字:http://marshill.com/media/the-seven/lukewarm-in-laodicea-comfort-and-convenience-before-christ#scripture

html javascript jquery numbers

3
推荐指数
1
解决办法
755
查看次数

在手机上使用CSS技巧全宽

无论如何,将这种方法从Chris Coyier应用到手机:http://css-tricks.com/full-browser-width-bars/

我申请了

html {overflow-x: hidden;}
Run Code Online (Sandbox Code Playgroud)

摆脱水平滚动条,但在iphone上查看时.有一个水平滚动条.

您可以在此处查看该网站:http://www.revival.tv/turningpoint/

css iphone mobile

3
推荐指数
1
解决办法
8929
查看次数

验证其他字段后创建条带支付令牌

为了保持这个简单,我只包含了一个我正在验证的表格.一切都验证正确,但我无法弄清楚为什么没有生成令牌.表格永远不会提交.我没有验证表格是否正常工作,不确定问题是什么.

var oeValidate = {
    'name' : function() {
        var ele = $('#name');

        if(ele.val().length < 6) {
            oeValidate.errors = true;
            ele.removeClass('correct').addClass('error');
        } else {
            ele.removeClass('error').addClass('correct');
        }
    },

    'sendIt' : function() {
        if(!oeValidate.errors) {
            $('#payment-form').submit(function(event){
                // disable the submit button to prevent repeated clicks
                $('#stripe-submit').attr("disabled", "disabled");

                // send the card details to Stripe
                Stripe.createToken({
                    name: $('#name').val(),
                    number: $('#card-number').val(),
                    exp_month: $('select[name="card-month"]').val(),
                    exp_year: $('select[name="card-year"]').val(),
                    cvc: $('#card-cvc').val()
                }, stripeResponseHandler);

                // prevent the form from submitting the default action
                return false;
            });
        }
    }
}; …
Run Code Online (Sandbox Code Playgroud)

javascript validation jquery stripe-payments

1
推荐指数
1
解决办法
8905
查看次数

使用jquery替换body的填充

我正在尝试使用jquery关闭元素时替换正文的填充.但是,我无法完成这个任务.

我的关闭按钮工作正常,只是想弄清楚如何更换填充.

这是我的JS:

$('#hide').click(function() {
   $('#countdown-wrap').slideUp('fast');
   $('body').animate({ paddingTop: 45px });
   return false;
});
Run Code Online (Sandbox Code Playgroud)

jquery padding document-body

0
推荐指数
1
解决办法
2929
查看次数

使用PHP显示SQL数据库中的重复日期

我正在访问由另一家网络公司创建的数据库,以检索当前客户端的事件信息.我的客户输入事件信息,并注明日期是否经常发生.我正在尝试显示所有重复日期.到目前为止,我已经能够显示所有内容,定期日期以及重复发生.

表格如下:

  • 活动
  • Events_Recurring

这是Events表BIGGER PICTURE的一部分

事件表

这就是Events_Recurring表的样子

事件反复出现的表

当客户端将其检查为重复发生时,events_recurring表会创建一个包含事件ID的行以及其他信息,例如事件重复发生的星期几或月份.

我只是不确定如何显示重复出现的某个ID的倍数.我有一个开始日期,我可以访问的结束日期,以及它重复出现的一周中的哪一天.

例如:如果此事件每周四重新发生.我知道它从1月1日开始到1月31日结束,我是否能够完成这个并且在1月的每个星期四的日期中吐出4个不同的事件?

这是我正在使用的完整代码,在尝试解决这个问题时有点混乱.我正在检查底部的重现

// Access external database
$events_db = new wpdb(TOP SECRET CREDENTIALS HERE);
$events_db->show_errors();

if ($events_db) :
    // Query Events Database
    $events = $events_db->get_results(
        "
        SELECT ID, RequestDateStart, RequestDateEnd, Ministry, RequestTimeStart, EventName, CoordinatorName, EventDescription, Location
        FROM gc_events
        WHERE PrivateEvent = 0
        AND Ministry = 15
        AND date(RequestDateStart)>=date(NOW())
        ORDER BY RequestDateStart
        "
    );

    // Create the event data that will be displayed
    foreach ($events as $event) :

        // Store Event ID …
Run Code Online (Sandbox Code Playgroud)

php mysql

0
推荐指数
1
解决办法
2129
查看次数