2

Bootstrap のポップオーバーをフル カレンダーに統合しようとしていますが、ポップオーバーが表示されません。コード isspector は、HTML が変更され、属性 data-original-title="" title="" が設定されていることを示しているため、コードは機能していますが、ポップオーバーは表示されません。

私が使用しているコードは次のとおりです。

$(document).ready(function() {
    $('#myCalendar').fullCalendar({
        header: {
            left: 'prev,next today',
            center: 'title',
            right: 'month,agendaWeek,agendaDay',
        },
        events: './jobs/event-feed.php',
        editable: true,
        selectable: true,
        dayClick: function(start, end, allDay, jsEvent, view) {

            $(this).popover({
                html: true,
                placement: 'top',
                title: function() {
                    return $("#popover-head").html();
                },
                content: function() {
                    return $("#popover-content").html();
                }
            });
        }

    });

});

#popover-head と #popover-content

<div id="popover-head" class="hide">some title</div>
<div id="popover-content" class="hide">
    <form>
          <input type="text" name="asa" value="asa" />
    </form>
</div>

参考文献

JSFIDDLE

4

2 に答える 2

3

これを試して

$(this).popover({
            html: true,
            placement: 'top',
            title: function() {
                return $("#popover-head").html();
            },
            content: function() {
                return $("#popover-content").html();
            }
        });
$(this).popover('show');
于 2013-09-24T09:58:57.550 に答える
0

クリックしてもポップオーバーが非表示にならない場合は、これを試してください。

                     $(this).popover({

                      html: true,
                      placement: 'top',
                      title: function() {
                          return $("#popover-head").html();
                      },
                      content: function() {
                          return $("#popover-content").html();
                      }
                  });
          $(this).popover('toggle');
于 2014-07-04T09:42:23.273 に答える