草庐IT

javascript - 基于 JavaScript 的模态/弹出服务(如 KissInsights 和 Hello Bar)如何工作?

我正在为我的用户开发一个模态/弹出系统以嵌入他们的网站,按照KissInsights的思路和HelloBar(例如here和here)。构建这样的服务的最佳实践是什么?看起来用户嵌入了一些JS,但该代码随后插入了额外的脚本标签。我想知道它如何与网络服务通信以获取用户的内容等。TIA 最佳答案 您是对的,通常这只是客户嵌入其网站的脚本。然而,接下来的事情就有点复杂了。1。嵌入脚本如上所述,第一步是在目标页面上有一个脚本。本质上,这个脚本只是一段JavaScript代码。它与您自己页面上的内容非常相似。此脚本应在您希望显示的客户页面上生

javascript - 打开时更改 Bootstrap 模态背景设置

我正在尝试将我的模式的背景设置更改为“静态”作为对事件的响应,以便它变得不可关闭。我通过设置$('#myModal').modal({backdrop:'static',keyboard:false})在点击模式内的按钮后尝试了这个,但没有运气。我想要的效果和nakupanda'sbootstrap-dialog的效果差不多(请参阅ManipulatingButtons部分,当dialog.setClosable(true);在点击“Clicktodisableandspin”按钮时被触发时,模态不再可关闭)请看这个jsfiddle.我知道这个问题已经被问过here但它没有正确的答案。

javascript - 使用 Bootstrap 模态 : bad line 的问题

我在我的网站上创建了一个打开模式的登录按钮。B/c我必须通过AJAX加载它的内容,我使用bootbox初始化一个。然后我将内容加载到我的模态中。但是应该在页脚顶部的线在中间。如果我尝试使用Firefox的开发工具复制最终的html,itworks.如果我取消链接所有样式表但bootstwatch的主题,同样的问题。这是js:$('#login').click(function(event){event.preventDefault();bootbox.dialog({message:'',title:"Pleaselogin",buttons:{'cancel':{label:'can

javascript - Bootstrap 3 - 从另一个模态打开模态

是否有可能在Bootstrap3中从另一个模态打开模态?我有模态窗口,其中包含从外部html文件加载的内容。我正在打开模态窗口。我有一个表格要提交。单击提交按钮后,我想使用新的模式窗口(以及来自另一个html文件的新内容)进入下一步。据我所知,您不能同时拥有两个模态窗口,因此我必须关闭第一个模态窗口,然后再打开第二个模态窗口。问题是我必须在第一个模式中单击提交按钮后做。我尝试在提交按钮上使用data-dismiss="modal"和data-toggle="modal"属性,但它们只隐藏了第一个模态,背景仍然是黑暗的,没有任何反应。 最佳答案

javascript - jQGrid,如何在网格内添加新行,而不是通过模态?

一些快速搜索只会在jQGrid中添加一个新行通过带有可编辑字段的模式弹出窗口。谁能给我指点示例或给我一些代码,让您可以在顶部的网格本身中添加一个新的空行?我在网格的最右端有一个操作列,其中onRowSelect()我有一个保存按钮出现,我可以让该按钮执行保存并刷新我认为的网格。我不知道如何点击“添加行”按钮并在顶部的网格内添加一个空行。我可以看到的一个选项是将当前添加行模态样式设置为看起来像水平行,并将其放置在网格顶部的行中。jQGrid文档:http://www.trirand.com/jqgridwiki/ 最佳答案 如果你使用

javascript - bootstrap 3 模态,焦点输入字段不适用于 firefox

我正在使用来自bootstrap3的模式,它包含在输入字段中这个模态是在页面加载时使用jquery代码启动的(不是通过单击按钮)$().ready(function(){$('#OTPModal').modal('show');});一旦显示模态,我就会通过这段代码使输入成为焦点$('#OTPModal').on('shown.bs.modal',function(){$('#OTPField').focus();});此代码在googlechrome中运行良好,但在firefox中却不行!用chrome和firefox检查jsFiddle看看有什么不同https://jsfiddle

javascript - 从 Ionic 模态调用函数后参数困惑

我有一个带有简单按钮的View,用于在Ionic+Angular应用程序中打开模式。单击按钮后正确显示模态模板:PopulartagsCloseSelectatagtofollow.ChinaUnitedKingdomUnitedStates如您所见,模态框包含3个按钮,每个按钮调用相同的函数但具有不同的参数。我有这个包含功能的Controller:app.controller('HomeCtrl',function($scope,$ionicSideMenuDelegate,$ionicModal){$ionicModal.fromTemplateUrl('add-popular.h

javascript - Angular 模态窗口(UI-路由器/指令)

我现在花了一些时间研究使用AngularJS控制模态窗口的通用方法,但没有一个提议的选项接近“好”的解决方案。指令解决方案我找到了this演示,但是它的缺点是您必须手动管理和存储模态的状态并跨范围更新它:scope.$parent[attrs.visible]=true;此外,如果您必须添加更多功能,例如实际添加带有弹出窗口的项目,这将在父页面范围内涉及更丑陋的代码。UI-Router解决方案Thisistheofficialguideonhowtousemodalswithuirouter.然而,这是使用ui.bootstrap.modal我的问题是,坦率地说,这是一个非常简单的问题

javascript - 基于所选链接的模态弹出窗口的动态内容

我有一组接受拒绝按钮。如果用户单击这些按钮,将显示单独的模型弹出窗口。接受和拒绝按钮链接具有单独的数据ID和数据操作。我的目标是编写单个javascript函数来加载模型弹出窗口的内容,而不是重复模态代码。再培训局代码"data-action='accept'class="btnbtn-smallbtn-primary">Accept"data-action='discuss'class="btnbtn-smallbtn-default">Discuss×针对每个项目都有一个接受/讨论按钮,data_id和数据操作是模型弹出的数据参数。脚本vardamage_items='

javascript - 如何捕获请求错误,然后打开模态,然后在模态关闭时使用 RxJS 重试

我想调用一个可以使用Angular2的HTTP类返回授权失败(401)的服务器。请求的流程应该是这样的:用户使用myService.getSomething().subscribe()向服务器发出请求如果服务器返回401:打开一个模态窗口,询问用户的凭据。用户成功登录回应用模态框关闭并执行回调回调应该重试初始请求(myService.getSomething().subscribe())这是我目前拥有的:exportclassMyService{//...publicgetSomething():Observable{returnthis.http.get(url,options).c