草庐IT

多模态融合

全部标签

javascript - 我如何从 jQuery 中的模态对话框中获取结果

我想在UI工具包中使用简单模态或对话框插件之类的插件。但是,我如何使用这些或任何其他并获得结果。基本上我希望模态与服务器进行一些AJAX交互并返回调用代码的结果以执行一些操作。 最佳答案 这是确认窗口在simpleModal上的工作方式:$(document).ready(function(){$('#confirmDialoginput:eq(0)').click(function(e){e.preventDefault();//exampleofcallingtheconfirmfunction//youmustuseacall

javascript - Angular 2 ng-bootstrap 模态 : How to pass data to entry component

我正在尝试将数据发送到自定义模式内容组件,以便我可以从任何其他组件调用它而不是重复代码。我是Angular2的新手,并且遵循了ng-boostrap的“组件作为内容”演示以及Angular文档中的“组件交互”,但还没有找到使它工作的方法或这种情况的示例.我可以打开模式,但不能打开动态内容。我尝试了@Input和变量方法,但没有成功。我还向app.module.ts中的提供程序添加了ModalService。这是我对这两种方法都不起作用的方法:page.component.html:页面.component.ts:import{Component}from'@angular/core'i

javascript - 如何通过在模态窗口外单击来关闭模态?

在一个非常简单的jQuery模态中,我通过单击CLOSEas关闭模态$('#close').click(function(e){e.preventDefault();$('#overlay,#alertModalOuter').fadeOut(400,function(){$(this).remove();});});如何通过单击“关闭”按钮(位于模态窗口内)或单击模态窗口外的任意位置来关闭模态。 最佳答案 像这样改变你的功能应该可行:$('#close,#overlay').click(function(e){e.preventD

javascript - 使用 Twitter Bootstrap 在模态对话框中显示进度条

如何使用twitterbootstrap在模态窗口中显示进度条?屏幕变灰,但未显示模态对话框。JSFiddlehttp://jsfiddle.net/jkittell/L0ccmgf2/4/HTMLHelloWorld!Processing...JavaScript$(function(){varpleaseWait=$('#pleaseWaitDialog');showPleaseWait=function(){pleaseWait.modal('show');};hidePleaseWait=function(){pleaseWait.modal('hide');};showPle

javascript - 如何在 typescript 中使用 angular-ui-bootstrap(模态)?

我想使用模态编辑表格中的一些数据。definitelyTyped的angular-ui-bootstrap的typescript定义中有各种接口(interface),但是它们没有记录,我找不到任何关于如何使用它们的示例。IModalScopeIModalServiceIModalServiceInstanceIModalSettingsIModalStackServicehttps://github.com/borisyankov/DefinitelyTyped/blob/master/angular-ui-bootstrap/angular-ui-bootstrap.d.ts#L1

javascript - jQuery 模态窗口从我的表单中删除元素

jQuery,当我用它创建一个包含表单元素的模态窗口时,当我提交表单时,它会删除这些元素。表格示例:Title:Url:Phototitle:Photothumb:Includelighbox?Photo:JS的例子:$(document).ready(function(){$("#add_photo").dialog({autoOpen:false,buttons:{"Ok":function(){$(this).dialog("close");}}});});所以我在通过firebug进行检查时注意到的是,jquery实际上删除了我在#add_photo中的表单元素,并将它们放在D

javascript - 如何调试用 ES6 编写的模态插件的源代码?

我正在尝试编辑/理解用ES6编写的模态插件的源代码,链接HERE.MicromodalTryhittingthetabkeyandnoticehowthefocusstayswithinthemodalitself.Also,esctoclosemodal.ContinueClose//ButtonthattriggersthemodalToggle//Iamimportingthesourcecodeforthepluginhere//Filewhereiinitializetheplugin我像这样初始化插件:JS文件(main.js)importMicroModalfrom'./

javascript - 在模态或对话框内时,IE 中新的 Google reCAPTCHA 出现问题

reCAPTCHA在Chrome中运行良好。但是,(仅当reCAPTCHAiframe位于对话框或模式内时)占位符在IE中不会消失。无论用户写什么都被认为是占位符的一部分(我认为)并且“验证”按钮将无法被点击。图片说明了这一点:当我将recaptchadiv置于模态之外时,相同的代码在所有浏览器中都能完美运行varonloadCallback=function(){grecaptcha.render('html_element',{'sitekey':'6Lc7PAATAAAAAE7JwcA7tNEDIrczjCCUvi3GiK4L'});};Launchmodal

javascript - AJAX 成功后如何关闭模态窗口

我有一个打开模式的按钮,但我通过单击背景或ESC键阻止了模式关闭。我的按钮是这样的:Click如何使用jQuery在$.ajax成功后关闭此模式?我已经做了一些测试-模式已经关闭但背景被锁定,在刷新页面之前我无法做任何事情 最佳答案 要关闭Bootstrap模态,您可以将“隐藏”作为选项传递给模态方法,如下所示。$('#CompanyProfile').modal('hide');在ajax里面使用这段代码成功。FiddleDemo 关于javascript-AJAX成功后如何关闭模态窗

javascript - 像 Pinterest 一样接管浏览器滚动条的模态窗口

我有一个模态窗口,它显示的内容比浏览器的窗口高度长,所以我需要创建一个模态窗口来接管浏览器的滚动条,就像我们在Pinterest上看到的那样。此外,单击图像将使该图像转换到模态窗口中的位置。注意打开模式如何改变滚动条问题:如何创建相同的模态窗口(接管滚动条)和图像动画?我知道当模态窗口出现时,浏览器地址栏中的URL会发生变化,但您会注意到页面并没有真正发生变化。我可以使用backbone.js做到这一点,所以不用担心。HTML代码Clickme!JS代码$('#showModal').click(function(){$('.modal').show();});