0

ユーザーがリンクをクリックするとドロップダウンフォームが表示される編集モードに入ることができるページに取り組んでいますが、ユーザーが編集モードでないときはこれを無効にしたいと思います。私が起こる必要があるのは、データドロップダウン属性が「無効」として開始することですが、その後、開く必要があるフォームに対応するID、たとえば「drop25」に設定されます。attr メソッドと prop メソッドの両方を使用してみましたが、あまり効果がありませんでした。それらを無効として開始することはできますが、クリック ハンドラーで属性を編集しようとすると、ソースがそれらが変更されたと言っても、機能しないようです。

これが私がこれまでに持っているものです：

$(document).ready(function () {
    $('a').attr('data-dropdown', 'disabled');

    $(document).on("click", ":button.edit", function() {
        //Enter Edit mode
        if (editMode == false) {
            editMode = true;
            //when editing, enable dropdown
            $('a').attr('data-dropdown', 'drop1');
        }
        else {
             //turn off editing mode
             editMode = false;
             //disable dropdown
             $('a').attr('data-dropdown', 'disabled');
         }
    });
});

私が達成しようとしていることが可能かどうか誰にも分かりますか? 代わりに、別のタイプのドロップダウンを使用する必要がありますか?

4

1 に答える 1

1

これが私の問題を解決するために私がしたことです

$(document).on('click', 'a', function () {
        if (editMode == false && $('.f-dropdown').hasClass('open')) {
            $(this).trigger('click');
             window.location = $(this).attr('href');
        };

ご覧のとおり、すべてのリンクにクリック ハンドラーを追加しました。ユーザーが編集モードではなく、基本ドロップダウンが開いている場合 (ドロップダウンに接続されたリンクをクリックすると発生します)、リンクをクリックしてドロップダウンを閉じ、クリックされたリンクにアクセスします。

于 2013-09-16T19:28:33.257 に答える