Jquery 要求工具栏阻止引导模式显示

我在使用bootstrap 2.3.2框架的项目中遇到了一些问题。具有以下屏幕截图的用户无法完全看到引导模式：

复制问题的步骤。为Google chrome安装ask工具栏{如果未安装），或者如果已安装并禁用，则启用它。转到Getbootstrap并单击启动演示模式按钮打开模式。模式将显示如屏幕截图所示

Google Chrome正在向所有页面（通常是html页面）注入一个带有css的iframe，以显示工具栏，因为Chrome不允许显示为内置工具栏。我们可以使用以下jquery函数禁用窗口加载事件中的工具栏

    $(window).load(function () {
        $('.apn-toolbar').remove();
        $('#apn-body-style').remove();
    });

但是，在启动引导模式时，ask工具栏扩展会将一些数据属性添加到模式包装器div中，从而阻止完全显示模式

数据属性如下所示：

而不是

如何从模式或中去除样式

top

负值和

data-apn-tb\u demo\u v7-toolbar\u set=“top”data-apn-tb\u demo\u v7-toolbar\u set\u top=“undefined”data apn toolbar adjusted=“-138px”

编辑：

在访问网站时完全禁用询问工具栏，而不强制用户手动禁用或卸载询问工具栏？ 因为工具栏也产生了一些其他问题。我已经修复了顶部栏和jquery UI工具提示。另外，使用

window.scroll（）和scrollTop（）

用于修复顶部菜单栏旁边的另一个div。如果激活了“询问”工具栏，则滚动方法将修复顶部栏以外的div。此外，工具提示将获得“询问”工具栏上边距的31像素

编辑：我可以通过给出

.modal.fade.in{top:10%！important；}

hack来解决这个问题。但这不是正确的方法

要为chrome安装ASK工具栏，请转到和 单击下载工具栏按钮。下载后，您可能需要手动运行应用程序。最后重新启动chrome或查看chrome扳手（右上方的菜单）下的菜单链接以激活工具栏

##注意：此问题存在于引导版本2.3.2中。未在版本3.x.x#

Ravi中测试

您可以使用以下脚本摆脱通过APN工具栏添加的内联样式。您必须在函数上调用此脚本

$('#myModal').on('shown', function () {
  $(".modal").css("top", "");
})

将null（“”）值传递给“TOP”CSS属性，jQuery将从给定的选择器中删除该值

我无法在JSFIDLE上复制此内容，因为结果是iframe。您可以在此处下载工作版本：

我也尝试删除这些属性，例如：

$(".modal").removeAttr("data-apn-toolbar-adjusted data-apn-tb_demo_v7-toolbar_set data-apn-tb_demo_v7-toolbar_set_top");

但一旦你删除了这些属性，apn工具栏就会再次添加新计算的样式。所以最好不要删除这些属性，而只删除“TOP”值

---

让我知道你的结果！

我发现它在IE中没有问题。如何在chrome中安装Ask工具栏？我运气不好！谢谢你的回复。在我的情况下，我无法将css top传递给单个模态，因为我通过c#中的scriptmanager方法在如此多的页面中使用多个模态。无论如何，我会尝试你的建议并让你知道结果。如果您使用的是BP模式，您将拥有类似的.modal类，您可以使用该选择器运行此脚本？或者您对每个模式有不同的位置吗？哦，是的，我可以，但我仍然需要尝试一下。祝您好运：）

$（'.modal'）。on（'show'，function（）{$（this.css）（'top'，''）；$（'.modal'）。on（'show'，function（）{$（this）.removeAttr（“数据apn工具栏调整数据-apn-tb_demo_v7-toolbar_set data-apn-tb_demo_v7-toolbar_set_top”）；）；

此方法似乎在没有为

.modal

类提供手动页边距顶部的情况下工作。将其分叉于：并查看live at:。但是，数据属性仍在添加中，并且可以看到显示和显示事件之间的暂停。