Question

在我的项目中，我使用一个bootstrap popover来显示一个通过knockout observableArray填充的表。我的问题是，它正确显示popover'悬停'但不显示'焦点'

这是触发弹出窗口的锚链接。

<a style="cursor: pointer; font-weight: 100" data-bind="event: { mousedown: TndTrainingRegisterAdmin.ShowSchedule } , attr: { id: 'schedule' + appId()}" data-toggle="popover" data-trigger="focus" data-placement="right" data-html="true"> View Schedule </a>

我尝试删除data-trigger =“focus”并仅添加代码的一面。它也没有成功。所以这不是由于代码重复。这是淘汰模型的侧面代码。

var ctrlId = '#schedule' + rs.appId();

$(ctrlId).popover(
     {
         template: '<div class="popover" role="tooltip" style="width: 100%; max-width:600px"><div class="arrow"></div><h3 class="popover-title"></h3><div class="popover-content"><div class="data-content"></div></div></div>',
         html: true,
         content: function () {
               return $('#divViewSchedule').html();
              }
         });

这是包含表格的div代码。

<div id="divViewSchedule" class="hide">             
    @Html.Partial("~/Views/TrainingRegistration/_CourseSchedule.cshtml")
</div>

当我使用data-trigger='hover'或trigger: 'hover'时，此弹出窗口工作正常但我希望它可以用作'focus'行为。我尝试添加data-trigger ='focus'并触发：'focus'这些都没有在控制台中显示任何错误。请问有人可以帮助我吗？：）

popover触发器不适用于'焦点'但适用于'悬停'

0 个答案: