0

asp.net mvc カミソリ コードを使用します。qtip を使用して、マウスオーバー時にポップアップを表示します。qtipを有効/無効にするために使用される設定ページにチェックボックスがあります。

これが私のコードです：

function tooltip(a) {
    Sapppid = document.getElementById("s" + a).textContent;
    Sapppid = Sapppid.replace("s", "");
    $.ajax({
        url: window.location.pathname + "Scheduler/getappointmentdetails",
        type: "POST",
        data: { sharedappid: Sapppid }
    })
    .success(function (result) {
        document.getElementById('ApptDetails').value = result;
    });

    $("#" + a).qtip({
        overwrite: false,
        content: {
            text: "...",
            button: 'Close',
            ajax: {
                url: window.location.pathname + "Scheduler/Eventdetails/" + Sapppid,
                type: 'Post',
                success: function (result) {} 
            } 
        },
        style: {
            classes: '',
            width: 500
        },
        position: {
            my: 'right bottom center',
            at: 'middle right center',
            target: $("#" + a)
        },
        show: {
            ready: true,
            solo: true
        },
        hide: {
            when: { event: 'mouseout unfocus' }, fixed: true, delay: 200
        }
    });   
}

動的コンテンツに表示する qtip を設計します。qtip2を使用しています。サイトで無効または有効にするドキュメントが見つかりません。

これは私が見つけた唯一のコードですが、これを適用する場所がわかりませんでした.:

http://qtip2.com/api#api.disable

api.disable(true);

// Enable it again
api.disable(false);
4

2 に答える 2

2

チェックボックスにonclickイベントを添付し、ターゲットにしている要素のqtip関数内にdisableを配置します

コード例:

$('.checkbox').on('click', function(){
    $('.dynamic').qtip('disable', true);
});

これを試してみて、コメントでうまくいくかどうか教えてください

于 2013-10-11T08:26:03.933 に答える
0

このようなことを試してください

    $('.checkbox').on('click', function(){
        var api = $('.dynamic').qtip('api');
        api.disable(true);
    });
于 2013-10-11T08:36:17.877 に答える