お役に立てれば幸いです。
私はmootoolsに比較的慣れていません(そしてここではまったく新しい)、基本的なopen close divに取り組んできました。ここで見ることができます: http://jsfiddle.net/jessicajet/2jZz5/。他の場所で見つけたクリック可能なリンク スクリプトが含まれています。
<script>
window.addEvent('load', function() {
Element.Events.outerClick = {
base : 'click',
condition : function(event){
event.stopPropagation();
return false;
},
onAdd : function(fn){
this.getDocument().addEvent('click', fn);
},
onRemove : function(fn){
this.getDocument().removeEvent('click', fn);
}
};
(function() {
var opener = $('box2');
var boxtoopen = $('box');
var testmorph = $('test')
boxtoopen.set('morph', {
duration: 800,
});
boxtoopen.addEvent('outerClick', function(event) {
boxtoopen.morph(".openOff");
testmorph.morph(".openOff2");
});
opener.addEvent('click', function(e) {
e.stop();
boxtoopen.morph(".openOn");
testmorph.morph(".openOn2");
});
})();
var clix = new dwClickables({
elements: $('.box2'),
anchorToSpan: true
});
});
</script>
他のブラウザ間で一貫しているように見えますが、ie7 では動作していないようです。
この問題の解決を手伝ってくれたり、今後の使用についてアドバイスをくれる人はいますか?
敬具、
ジェシカ