1

私は自分のページでこのポップオーバーを使用しています: https://github.com/klaas4/jQuery.popover コンテンツとトリガーが異なるポップオーバーの複数のインスタンスがあります。これは、リンクを押したときに何が起こるべきかを示す私の JavaScript です。

$(".addWorker").popover({
    title: "Worker",
    content: "Laddar..."
});

$(".addWorker").click(function (event) {
    event.preventDefault();
    $(this).popover(
        'ajax',
        "/jobs/AddWorker?jobid=" + $(this).attr("id")
    ).popover('show');
});

$(".markAsFinished").popover({
    title: "Finished",
    content: "Laddar..."
});

$(".markAsFinished").click(function (e) {
    e.preventDefault();
    $(this).popover(

Uncaught TypeError: Object [object Object] has no method 'popover' (3回繰り返し) 'ajax', "/jobs/MarkAsFinished?jobid=" + $(this).parent().parent().attr("data -jobid") + "&userid=" + $(this).parent().parent().attr("data-userid") ).popover('show'); });

これで、リンクを初めてクリックしたときにうまく機能し、ポップオーバーが表示されます。コンテンツが読み込まれ、ポップオーバー内に表示されます。しかし、別のポップオーバーを開きたい (別のリンクを押す) と、「読み込み中」でスタックし、コンテンツが読み込まれません。ページを更新すると、同じリンクがうまく機能します。Chrome 開発者ツールは次のことを教えてくれます。

Uncaught TypeError: Object [object Object] has no method 'popover' 

これを解決する方法がわからないので、助けていただければ幸いです。

4

0 に答える 0