Question

任何人都可以帮我翻译成原型

var btn = $('#onestepcheckout-button-place-order');
var btnTxt = $('#onestepcheckout-button-place-order span span span');

var fewSeconds = 10;

btn.click(function(){

    btn.prop('disabled', true);
    btnTxt.text('Even geduld A.U.B.');
    btn.addClass('disabled');

    setTimeout(function(){
        btn.prop('disabled', false);
        btnTxt.text('Bestelling plaatsen');
        btn.removeClass('disabled');


    }, fewSeconds*1000);

});

原型让我感到困惑

Answer 1

我不打算为您的问题提供直接的copypasta代码段，但您可能只需要进行以下交换：

$(selector)与$($$(selector))
prop至attr
addClass至addClassName
我省略了一个替代品，所以你可以自己寻找，以增加挑战！ Protip：搜索谷歌“Prototype to jQuery equivalent”。这么多资源！

另外，您可以在jQuery模式下使用jQuery.noConflict并将上述内容封装在jQuery封闭内。

(function($) {
    // your code above goes here.
})(jQuery)

Answer 2

试试这个：

var btn = $('onestepcheckout-button-place-order');
var btnTxt = $$('onestepcheckout-button-place-order span span span')[0];

var fewSeconds = 10;

Event.observe(btn, 'click', function(){

    btn.setAttribute('disabled', 'disabled');
    btnTxt.innerHTML = 'Even geduld A.U.B.';
    btn.addClassName('disabled');

    setTimeout(function(){
        btn.removeAttribute('disabled');
        btnTxt.innerHTML = 'Bestelling plaatsen';
        btn.removeClassName('disabled');
    }, fewSeconds*1000);

});

我还没有测试过它。

Jquery - ＆gt;原型翻译

2 个答案: