草庐IT

modal-popup

全部标签

javascript - 单击 Leaflet Popup 中的链接并执行 Javascript

我有一张正在运行的传单map。它在map上覆盖一系列多边形(通过GeoJSON)并将弹出窗口附加到每个多边形。每个弹出窗口都显示有关该多边形的信息。我希望在弹出窗口中有一个链接,单击该链接后,将运行一个javascript函数,该函数通过AJAX拉出更小的多边形并显示它们。我无法让脚本通过正常的jQuery/Javascript单击事件捕获对链接的单击。这就是我所说的正常(以下不起作用):$('a.smallPolygonLink').click(function(e){console.log("OneofthemanySmallPolygonLinkswasclicked");});

javascript - 如何在 angular 1.5 中使用 ui.bootstrap.modal 的 Angular 组件?

我想在ui.bootstrap.modal中使用Angular组件。Angular版本是1.5。我试着像下面这样使用。组件functionMyComponentController($uibModalInstance){varctrl=this;ctrl.doSomething=function(){//doSomething}}app.component('myComponent',{contoller:MyComponentController,templateUrl:'/path/to/myComponent.html'}父ControllerfunctionparentCont

javascript - 如何在 angular 1.5 中使用 ui.bootstrap.modal 的 Angular 组件?

我想在ui.bootstrap.modal中使用Angular组件。Angular版本是1.5。我试着像下面这样使用。组件functionMyComponentController($uibModalInstance){varctrl=this;ctrl.doSomething=function(){//doSomething}}app.component('myComponent',{contoller:MyComponentController,templateUrl:'/path/to/myComponent.html'}父ControllerfunctionparentCont

javascript - JQuery 滚动到 Bootstrap Modal 的顶部

我目前正在使用bootstrap模态插件在我正在设计的网站上显示长的合法消息,但问题是如果你一个接一个地打开模态,第二个已经滚动到任何位置第一个是。所以我正在寻找一种使用JS/JQuery将div滚动到顶部的方法。这是我目前使用的代码:HTML:×PrintCloseJavascript:functionopenModal(heading,url){$.ajax({url:url,cache:false}).done(function(html){$("#modal-content").html(html);$("#modalTitle").html(heading);$('#moda

javascript - JQuery 滚动到 Bootstrap Modal 的顶部

我目前正在使用bootstrap模态插件在我正在设计的网站上显示长的合法消息,但问题是如果你一个接一个地打开模态,第二个已经滚动到任何位置第一个是。所以我正在寻找一种使用JS/JQuery将div滚动到顶部的方法。这是我目前使用的代码:HTML:×PrintCloseJavascript:functionopenModal(heading,url){$.ajax({url:url,cache:false}).done(function(html){$("#modal-content").html(html);$("#modalTitle").html(heading);$('#moda

javascript - 如何创建带有过渡的 React Modal(附加到 <body>)?

这个答案中有一个模态https://stackoverflow.com/a/26789089/883571通过将其附加到来创建基于React的模态.但是,我发现它与React提供的过渡插件不兼容。如何创建一个带有转换的(进入和离开期间)? 最佳答案 在Reactconf2015上,RyanFlorencedemonstratedusingportals.以下是创建简单的Portal组件的方法...varPortal=React.createClass({render:()=>null,portalElement:null,compo

javascript - 如何创建带有过渡的 React Modal(附加到 <body>)?

这个答案中有一个模态https://stackoverflow.com/a/26789089/883571通过将其附加到来创建基于React的模态.但是,我发现它与React提供的过渡插件不兼容。如何创建一个带有转换的(进入和离开期间)? 最佳答案 在Reactconf2015上,RyanFlorencedemonstratedusingportals.以下是创建简单的Portal组件的方法...varPortal=React.createClass({render:()=>null,portalElement:null,compo

javascript - 如何获取 Twitter Bootstrap Modal 的调用元素?

我有一个用于调用模态的a元素:LaunchModal并且,说这是我的模态:×ModalheaderOnefinebody…CloseSavechanges我可以将函数绑定(bind)到模态触发的事件:$('#myModal').on('hidden',function(){//dosomething…})我的问题是:如何从我的事件订阅者函数中访问a元素(它调用了模态)? 最佳答案 由于event.relatedTarget,它已在Bootstrap3.0.0中解决。$('#your-modal').on('show.bs.modal

javascript - 如何获取 Twitter Bootstrap Modal 的调用元素?

我有一个用于调用模态的a元素:LaunchModal并且,说这是我的模态:×ModalheaderOnefinebody…CloseSavechanges我可以将函数绑定(bind)到模态触发的事件:$('#myModal').on('hidden',function(){//dosomething…})我的问题是:如何从我的事件订阅者函数中访问a元素(它调用了模态)? 最佳答案 由于event.relatedTarget,它已在Bootstrap3.0.0中解决。$('#your-modal').on('show.bs.modal

javascript - 我可以检查 Bootstrap Modal 是否显示/隐藏吗?

我可以检查BootstrapModal当前是否以编程方式显示/隐藏吗?喜欢boola=if("#myModal").shown();?我需要真/假 最佳答案 alert($('#myModal').hasClass('in'));如果模态打开则返回true 关于javascript-我可以检查BootstrapModal是否显示/隐藏吗?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questio