草庐IT

多模态

全部标签

html - HTML 标记中的 Bootstrap 3 模态放置

Bootstrap(docs)说“始终尝试将模态的HTML代码放在文档的顶级位置,以避免其他组件影响模态的外观和/或功能。”这是否意味着将模态框放在我的的最顶部?标签?如果是,为什么? 最佳答案 “顶级位置”并不一定意味着首先,它意味着它需要靠近DOM树的顶部。示例:这不在DOM的顶部,因为div#modal在insidediv#content中。所以我们有这个DOM树:body+->div#content+->div#modal另一个例子:虽然div#modal不在页面的顶部,但它在DOM树的顶部:body+->div#conte

javascript - 检测浏览器是否将 <select multiple> 显示为模态对话框

有没有什么方法可以使用JavaScript来检测给定的浏览器是否呈现焦点元素作为弹出窗口还是仅作为内联框?在某些平台上,例如Android浏览器和iOSSafari,可以通过比较高度来检测弹出窗口的使用,例如,aaaaa和a高度相同因为s被简化为带有下拉按钮的单个框。但在Playbook等其他设备上,此测试会给出假阴性,因为Playbook浏览器会呈现展开的选择列表,并在单击它们时显示弹出窗口。谁能想出一种可靠的方法来确定是否显示native选择弹出窗口? 最佳答案 看起来masedesign正在朝着这个方向发展,但我要更进一步:也

javascript - 检测浏览器是否将 <select multiple> 显示为模态对话框

有没有什么方法可以使用JavaScript来检测给定的浏览器是否呈现焦点元素作为弹出窗口还是仅作为内联框?在某些平台上,例如Android浏览器和iOSSafari,可以通过比较高度来检测弹出窗口的使用,例如,aaaaa和a高度相同因为s被简化为带有下拉按钮的单个框。但在Playbook等其他设备上,此测试会给出假阴性,因为Playbook浏览器会呈现展开的选择列表,并在单击它们时显示弹出窗口。谁能想出一种可靠的方法来确定是否显示native选择弹出窗口? 最佳答案 看起来masedesign正在朝着这个方向发展,但我要更进一步:也

iphone - iPhone上的模态框没有滚动

你好想知道我是否可以得到一些帮助,因为我没有在网上找到任何可以解决这个问题的东西,在iphone上,twitterbootstrap模式框太大时页面没有滚动来获取框的页脚。使用的代码×SubmitAElectricityReadingDate/Time22Aug2012,9:45AMPeakOffPeakCloseLodgeReading 最佳答案 解决这个问题是添加以下css(在bootstrapsgithubissues上找到)@media(max-width:480px){.modal{height:500px;/

iphone - iPhone上的模态框没有滚动

你好想知道我是否可以得到一些帮助,因为我没有在网上找到任何可以解决这个问题的东西,在iphone上,twitterbootstrap模式框太大时页面没有滚动来获取框的页脚。使用的代码×SubmitAElectricityReadingDate/Time22Aug2012,9:45AMPeakOffPeakCloseLodgeReading 最佳答案 解决这个问题是添加以下css(在bootstrapsgithubissues上找到)@media(max-width:480px){.modal{height:500px;/

javascript - 从另一个页面获取 Bootstrap 的模态内容

我在名为menu.html的页面中有一个anchor,但我在获取Bootstrap模式来显示来自另一个名为Lab6.html的页面的数据时遇到了问题。menu.htmlLookupModalsLab6Lab6.htmlXLab6EmployeeInformationTitle:First:Phone#EmailDept:Surname:我做错了什么吗? 最佳答案 更新您尝试从另一个页面获取模态内容的方式不正确。根据Bootstrap'sdocumentation:IfaremoteURLisprovided,contentwillb

javascript - 从另一个页面获取 Bootstrap 的模态内容

我在名为menu.html的页面中有一个anchor,但我在获取Bootstrap模式来显示来自另一个名为Lab6.html的页面的数据时遇到了问题。menu.htmlLookupModalsLab6Lab6.htmlXLab6EmployeeInformationTitle:First:Phone#EmailDept:Surname:我做错了什么吗? 最佳答案 更新您尝试从另一个页面获取模态内容的方式不正确。根据Bootstrap'sdocumentation:IfaremoteURLisprovided,contentwillb

html - 在一个页面中使用多个模态对话框

我有一个页面,我需要在其中单击右侧和左侧的链接,并显示模态对话框。我在bootstrap的网站上看到每个模式对话框的代码至少有10行html。如果我在页面上有10个链接,那么获得10个对话框的代码的最佳做法是什么?我是否将对话框的所有HTML放在同一个.html页面中? 最佳答案 为了扩展Phoenix给出的答案,内联意味着您是否希望在页面加载时加载内容并且易于访问。所以你会把所有10个模态框都放在页面上,这样当页面加载时内容就已经存在了,然后你只需单独链接到每个模态框。因此,无论您选择什么,您都可以放置10个按钮或链接,并将dat

html - 在一个页面中使用多个模态对话框

我有一个页面,我需要在其中单击右侧和左侧的链接,并显示模态对话框。我在bootstrap的网站上看到每个模式对话框的代码至少有10行html。如果我在页面上有10个链接,那么获得10个对话框的代码的最佳做法是什么?我是否将对话框的所有HTML放在同一个.html页面中? 最佳答案 为了扩展Phoenix给出的答案,内联意味着您是否希望在页面加载时加载内容并且易于访问。所以你会把所有10个模态框都放在页面上,这样当页面加载时内容就已经存在了,然后你只需单独链接到每个模态框。因此,无论您选择什么,您都可以放置10个按钮或链接,并将dat

jquery - 将参数发送到 Bootstrap 模态窗口?

我有一个问题,我无法将任何参数传递给模态窗口(使用Bootstrap3),我尝试使用此链接中所述的解决方案,但我无法使其工作:DynamicallyloadinformationtoTwitterBootstrapmodal(解决方案kexxcream用户)。但是按下按钮,显示器没有显示任何东西,显然是block,下面附上图片:http://i.imgur.com/uzRUyf1.png我已附上代码(与左上方相同的代码);HTML代码:×TitleCloseJS代码:$("a[data-toggle=modal]").click(function(){varessay_id