1

こんにちは、私は次のものを持っています：

jQuery('#settings').toggle(function() {
  jQuery('#event_time_interval_form_part').fadeIn();
}, function() {
  jQuery('#event_time_interval_form_part').fadeOut();
});
jQuery('.cancel').click(function(e){
    e.preventDefault();
    jQuery(this).parents('#event_time_interval_form_part').fadeOut();
});

そしてHTML

<div class="auction-settings">
    <span id="settings"><span class="icon icon-cogs"></span> settings</span>
    <div id="event_time_interval_form_part" style="display:none;" >
        <span class="cancel">cancel</span>
    </div>
</div>

ただし、閉じるリンクをクリックしたときにトグルを切り替える方法がわかりません。設定をクリックするとトグルが機能します（開いて閉じる）が、開いているときにトグル領域内でキャンセルをクリックすると閉じます良いですが、もう一度設定をクリックすると、表示される前に 2 回クリックする必要があります。

何か案は？

4

4 に答える 4

0

.toggle使用する代わりにhttp://jsfiddle.net/AUz97/3/.clickを参照してください

jQuery('#settings').click(function() {
  jQuery('#event_time_interval_form_part').toggle();

});
jQuery('.cancel').click(function(e){
    e.preventDefault();
    jQuery(this).parents('#event_time_interval_form_part').fadeOut()
});
于 2013-05-29T12:45:23.130 に答える
0

いじられた：http://jsfiddle.net/AUz97/

しかし

jQuery('.actions .cancel').click(function(e){
    e.preventDefault();
    jQuery(this).parents('#event_time_interval_form_part').fadeOut();
});

これらのクラス .action .cancel はどこでクリックできる要素に追加されますか?

于 2013-05-29T12:47:11.793 に答える
0

jQuery < 1.9 を使用している場合

jQuery('#settings').toggle(function() {
    jQuery('#event_time_interval_form_part').fadeIn();
}, function() {
    jQuery('#event_time_interval_form_part').fadeOut();
});
jQuery('.cancel').click(function(e){
    e.preventDefault();
    jQuery('#settings').click()
});

デモ:フィドル

于 2013-05-29T12:50:20.963 に答える