爲什麼我的mootools幻燈片實例會阻止代碼和幻燈片執行？

我正試圖在RTE上實現帶有mootools的簡單slideIn()。它應該滑入，當RTE區域被徘徊（mouseenter），並且顯示一些額外的選項用於編寫我想在該區域提供的條目。請參閱下面的鏈接，應該不言自明爲什麼我的mootools幻燈片實例會阻止代碼和幻燈片執行？

所以我的問題是，當我嘗試創建一個Fx.Slide實例時，代碼未被執行。我試過用show方法，它工作正常。

這是jsfiddle與我的工作代碼，不工作的部分被註釋掉。

同樣，我也希望是在buttonbar元素滑動時mouseenter事件。這適用於show，但不適用於幻燈片實例。

如果有人能指引我正確的方向，我會很高興。

如果還有任何問題，請發表評論，如果需要，我會給出進一步的信息。

這麼久，利諾

來源

2012-12-27 lino

好吧，我才意識到我在做什麼錯。正是這種小片：

wrap.grab(buttonbar.hide());

這是垃圾，因爲buttonbar不在DOM了。它具有可劃分爲：

wrap.grab(buttonbar); 
buttonbar.slide('hide');

之後，它只是把事件設置了幾個變化：

editor.addEvents({ 
    'click': function(ev) { 
     ev.stop(); 
     buttonbar.show(); 
    }, 
    'mouseenter': function(ev) { 
     ev.stop(); 
     this.addClass('mark'); 
     buttonbar.show(); 
     //this.slideIn(); 
    }, 
    'mouseleave': function(ev) { 
     ev.stop(); 
     //buttonbar.hide(); 
     this.removeClass('mark'); 
    } 
});

這樣：

editor.addEvents({ 
    'click': function(ev) { 
     ev.stop(); 
     buttonbar.slide('toggle'); 
    }, 
    'mouseenter': function(ev) { 
     ev.stop(); 
     this.addClass('mark'); 
     buttonbar.slide('in'); 
    }, 
    'mouseleave': function(ev) { 
     ev.stop(); 
     this.removeClass('mark'); 
     buttonbar.slide('out'); 
    } 
});

現在我的幻燈片幻燈片作爲地獄:)）這裏鏈接到fiddle。

來源

2012-12-27 15:30:07 lino

爲什麼我的mootools幻燈片實例會阻止代碼和幻燈片執行？

回答

相關問題