草庐IT

Cross-modal

全部标签

javascript - 如何对 Angular-UI Bootstrap Modal 组件的 'resolve' 属性进行单元测试

我正在尝试编写一个单元测试,断言正确的变量正在从Angular-UIBootstrap发送到ui.bootstrap.modal的resolve属性组件。这是我目前所拥有的://Controllerangular.module('app').controller('WorkflowListCtrl',function($scope,$modal){//Setuptheeditcallbacktoopenamodal$scope.edit=function(name){varmodalInstance=$modal.open({templateUrl:'partials/editWork

javascript - Angular2 - MaterializeCSS : Modal dialogs don't open

我正在使用带有materializecss的Angular2。目前我正在尝试创建在单击按钮时打开的模式对话框。文档中还有一个示例https://www.npmjs.com/package/angular2-materialize.我还使用了一个materilize-select,它工作得很好,所以我猜安装、导入等都是正确的。问题是,当我单击模态触发器时,路由器解析新路由“localhost:4200/#modal1”,我被重定向到我的起始页。我也尝试用data-target="modal1"替换href,但这也没有用。我能否以某种方式禁用路由器的哈希链接?我的其他路由没有哈希值。这是来

javascript - 如何将滚动添加到 react-bootstrap Modal.Body

我正在使用react-bootstrapmodal.如何只滚动正文而不滚动整个页面?ModaltitleOnefinebody...CloseSavechanges 最佳答案 感谢Amitanswer.第一个仅使用样式的解决方案如下:ModaltitleOnefinebody...CloseSavechanges有一种使用react-bootstrap本身来实现该行为的新方法:....ModalDocumentation 关于javascript-如何将滚动添加到react-bootst

javascript - semantic-ui modal size 一直延伸到页面的高度

我正在尝试实现一个基本模式,但它的大小一直扩展到页面的高度。触发代码:$('.ui.modal.apply-modal').modal('show');模态代码:ModalTitlefacebookCancelOK 最佳答案 事实证明Bootstrap包与Semantic-UI冲突我使用的包。简单地做:meteorremovetwbs:bootstrap事情解决了。诚然,这不是一个理想的解决方案,但无论如何我都不应该同时使用这两个框架。嗯,经过大约两个小时的调试.... 关于javasc

javascript - Bootstrap : popover on modals

我想使用来自Twitter的BootstrapCSS库在现有模态对话框上使用弹出效果。我将弹出窗口绑定(bind)到小图像图标。$('#infoIcon').popover({offset:50,placement:'right'});模态本身也是根据文档添加的:$('#modalContainer').modal({keyboard:true});但我得到的效果是,弹出窗口呈现在模态容器下方,而不是模态div上方(请参见下面的屏幕截图)。我怎样才能真正将弹出窗口置于模态div之上? 最佳答案 Bootstrap的人员将此问题确定为

javascript - Jquery draggable with bootstrap modal, scroller 奇怪的行为

我正在尝试使用具有jquery-ui可拖动功能的Bootstrap模式弹出窗口。我这样使用它://Bootstrapmodal$(element).modal({keyboard:false,show:value});//Jquerydraggable$(element).draggable({handle:".modal-header"});但是当我尝试拖动弹出窗口时,右滚动条正在与弹出窗口一起拖动。感谢任何预付款。 最佳答案 我认为你应该在.modal-dialog类上应用draggable,参见:×CloseMod

javascript - React + 语义-UI : Using Forms inside UI MODAL

在没有React的普通旧语义UI中,我已经能够毫无问题地将表单放入模态框内。使用Semantic-UI+React版本,我能够在模态内显示表单,但它并没有像我期望的那样工作。例如,模态显示后,模态内的表单也显示出来。如果我开始在输入字段中输入,则会显示此错误:Error:InvariantViolation:findComponentRoot(...,.1.1.1.0.4.0.0.1):Unabletofindelement.ThisprobablymeanstheDOMwasunexpectedlymutated(e.g.,bythebrowser),usuallyduetoforg

javascript - VideoJS : Stopping video on modal close and not embedding in page

我一直在使用JavaScript脚本VideoJS:http://videojs.com/构建一些可以在弹出窗口中显示给用户的视频播放器。我按如下方式构建了弹出窗口:VideoJS.setupAllWhenReady();jQuery(document).ready(function(){//videoshavevideojsappliedtothem//$("video").VideoJS()$(".show-video").click(function(){$(".video-background").show();$(".video-container").fadeIn("fas

javascript - data-toggle ="modal"有什么用?

这个问题在这里已经有了答案:Thedata-toggleattributesinTwitterBootstrap(10个答案)关闭8年前。我有一个按钮代码,是有人创建的。以下是按钮代码:AddEmployee我已经编辑了与按钮相关的函数(从按钮发送新数据,并在函数中调用它),但没有任何反应。然后我尝试删除data-toggle="modal",弹窗没有显示。所以,我想知道data-toggle="modal"有什么用?我认为这是模态链接:有人能给我解释一下data-toggle="modal"吗?谢谢。

javascript - Twitter Bootstrap Modal - 灰色背景但没有窗口

我在使用TwitterBootstrap和模态的非JS示例时遇到了一些奇怪的问题,发生的情况是模态背景出现(灰色)但窗口没有出现。我发现如果我从模态窗口div中删除“隐藏”类,它将加载但不正确。fiddle在这里:http://jsfiddle.net/2VbUG/1/TitleSign!×SignThisPetition!Fieldsforthesignatureshere,takesomefromthefacebookAPICloseSignNow!代码来自Bootstraps网站上的本教程http://getbootstrap.com/2.3.2/javascript.html#