草庐IT

modal-popup

全部标签

javascript - Angular 1.5 组件中的 Angular Bootstrap Modal $uibModalInstance Unknown Provider

当我尝试关闭AngularBootstrapModal在Angular1.5组件中,它抛出Error:$injector:unprUnknownProvider.如果我使用Controller而不是Component,它工作正常。我错过了什么吗?DemoatPlunkerAngularModalDemo脚本angular.module('app',['ngAnimate','ui.bootstrap']);angular.module('app').component('myContent',{template:'Iamcontent!OpenModal',controller:fun

javascript - Modal 中的 Bootstrap DatePicker 不起作用

我在模态中有这个日期选择器但不工作。我已经尝试了一些我在论坛上看到的代码,但没有一个有效。这可能是一个javascript问题吗?我不确定是什么让它不显示日期选择器,任何可以帮助我的人都请感谢$(document).ready(function(){$('#datePicker').datepicker({format:'mm/dd/yyyy'}).on('changeDate',function(e){//Revalidatethedatefield$('#eventForm').formValidation('revalidateField','date');});$('#even

javascript - 创建一个 chrome 扩展,它在页面上突出显示文本并将其插入 popup.html 中的文本区域

我花了几个小时在网上搜索解决方案。我想做的是将页面上突出显示的文本传输到chrome扩展的popup.html中的文本区域。我想知道是否有人可以向我提供可以执行此操作的扩展的建议源代码。这是我看过的最相关的线程,我认为它最有帮助-查询是相似的。Buttoninpopupthatgetselectedtext-Chromeextension我尝试复制代码并将其作为扩展运行,它没有获得突出显示的文本。想知道是否有人有任何建议以及如何解决这个问题。非常感谢。 最佳答案 就像您链接的问题的答案一样,您需要使用MessagePassing和C

javascript - 显示 Bootstrap Modal 首次页面加载

我试图在用户首次访问页面时(登录到我的应用程序后)显示Bootstrap模式。我想使用模态来提供“入门”视频,并提供“不再向我显示此内容”复选框,以便访问者可以在以后登录时绕过“入门模态”。我能够通过以下教程获得在页面加载时显示的模态:LaunchBootstrapModalonpageload但现在我陷入了如何让它仅在用户登录后第一次访问页面时显示的问题。(它目前在页面刷新等时启动)我是javascript和编程新手,使用DjangoPython2.7.4创建了我的应用我非常感谢时间和专业知识。 最佳答案 为此,您需要使用一种方法

javascript - Bootstrap 3 : Show spinner + fade background whilst waiting for modal content to load

所以我知道您现在可以使用data-target+href来加载远程内容,但是,我从ajax响应中得到的是json(而且我无法更改服务器端),所以我首先需要对其进行处理。我想展示一个微调器,我有它的CSS,但也想已经淡出当您将类“淡入淡出”添加到模态div时发生的背景。有谁知道如何手动启动它,并确保在我显示模态时不重复动画? 最佳答案 在我使用Bootstrap3的元素中,我创建了一个pleaseWait函数,我从其他执行AJAX调用的函数中调用该函数。此功能包含显示和隐藏功能。show函数将加载我希望显示的html(微调器、文本等)

javascript - Angularjs datepicker popup bootstrap-ui 在 View 中不起作用

我是一个angularjs和bootstrapui新手!我的日期选择器弹出窗口在我包含的View中不起作用。如果它在View之外,它会起作用。即如此处所示任何帮助将不胜感激。但是,因为我使用的是ngRoute方法,所以我需要在部分html中编写我的View并包含在主index.html中。内联日历不显示,弹出日历也不显示。我无法找出问题所在,但我认为date-picker.html无法引用我的index.html中的脚本和样式。我在日期选择器hmtl中还有其他包含的Pane,它引用了index.html中的脚本和css。任何帮助将不胜感激。下面是代码:**index.html**Som

javascript - Rails4 - 为什么 hidden.bs.modal 没有触发?

我的gemfile中有bootstrap3.3.1。是否安装了捆绑软件。我的观点如下StartPracticeGroup×CloseSelectLanguageCloseSubmit-->Closeandopen,Iwillbegone!-->-->varrender_button=function(){vardata=$('#lang').val()+""+$('#level').val();console.log(data);gapi.hangout.render('placeholder-div1',{'render':'createhangout','initial

javascript - 用户界面路由器 : open modal and pass parent scope parameters to it

我正在使用这个FAQ条目在某个状态的子状态中打开模式对话框:https://github.com/angular-ui/ui-router/wiki/Frequently-Asked-Questions#how-to-open-a-dialogmodal-at-a-certain-state我的代码如下。当我打开模式对话框时,我需要访问父状态范围的属性。这可能吗?plnkr:http://plnkr.co/edit/knY87n.state('edit',{url:'/{id:[0-9a-f]+}',views:{'@':{templateUrl:'views/edit.html',c

javascript - ReactJS:在 Modal 中动态加载组件的最佳方式

我想像这样创建一个干净且可重用的模态组件:varModal=React.createClass({....render:function(){return({this.props.module==='curriculum'?:});为了保持整洁——我想将模态内容加载为基于{this.props.module}的组件值,来自发起者组件。有更好的方法吗?类似于?或者这是不安全的?也许ReactJS中已经内置了一些东西? 最佳答案 您可以使用this.props.children来呈现组件的子控件。像这样:varControl=React

javascript - 剑道网格 : Trigger Update click on enter key press for popup editing

我正在使用带有弹出式编辑的KendoUIGrid。默认情况下,当用户在弹出编辑器中编辑字段并按下回车键时,数据将呈现到网格(在弹出编辑器后面),但弹出窗口保持可见并且保存事件不会被触发,直到您单击“更新”'按钮。我正在尝试更改该功能,以便当用户在编辑字段时按下回车键时,它会触发“更新”按钮单击-这意味着它将数据呈现到网格,触发保存事件并关闭弹出窗口编辑。我目前的尝试只会关闭弹出式编辑器,但不会触发保存事件并撤消对所选行的任何字段所做的更改。几乎就像取消按钮被触发了一样。options.edit=function(e){$('.k-edit-field.k-input').on('key