我试图从位于传入组件上的组件中调用子组件中的方法。请见下文：
App类
// App.js
class App extends Component {
render() {
return (
<div className="App">
<SimpleModal/>
<FloatingButton onClick={/*would like to call HandleOpen in Si
浏览 0提问于2018-01-17得票数 0
回答已采纳
从正文中的脚本中，我动态地将jquery和SimpleModal加载到页眉。在对jQuery进行调用之前，我使用回调来确保它已完全加载--这是有效的。但是，当我动态加载SimpleModal脚本文件时，我不能随后调用它的方法。当SimpleModal脚本延迟加载时，它会显示无法引用当前文档对象。任何帮助都将不胜感激。
/******** Called once jQuery has loaded ******/
function scriptLoadHandler() {
jQuery = window.jQuery.noConflict(true);
main();
}
浏览 3提问于2012-09-15得票数 1
我正尝试在我的Symfony项目中实现simplemodal (https://www.ericmmartin.com/projects/simplemodal/)，和Webpack一起编译资源。 我已经下载并添加到我的'assets‘文件夹。 这是我的webpack配置： .addEntry('app', [
'./assets/js/jquery.simplemodal.js',
'./assets/js/app.js',
]) 我有一个未注释的.autoProvidejQuery() 然后在app.js中： jQu
浏览 23提问于2019-12-28得票数 0
1回答
我有一个容器，一旦用户选择了一个特定的容器，它就会弹出并在页面上显示图像。这似乎很好的铬，(取决于分辨率)，但我已经告诉我在Opera和FF，它可以切断X(关闭符号)在角落，甚至顶部的图片。
我想知道是否有一种方法来设置叠加显示，根据它正在打开的图像大小，并让它显示居中，无论分辨率，但无法确定如何做。
<style>
#basic-modal-content {display:none;}
/* Overlay */
#simplemodal-overlay {background-color:#000;}
/* Container */
#simplemodal-contai
浏览 4提问于2016-01-04得票数 0
回答已采纳
2回答
我正在研究简单的jquery模式。我想在模式后面的覆盖中执行onclick事件。。当用户单击模式外部时，我需要关闭该模式。这是密码。
#basic-modal-content {display:none;}
/* Overlay */
#simplemodal-overlay {background-color:#000; cursor:wait;}
/* Container */
#simplemodal-container {height:300px; width:600px; color:#bbb; background-color:#FFF;
浏览 0提问于2013-02-04得票数 0
回答已采纳
在C#中使用Webdriver
我正在尝试使用findelement关闭一个模式弹出窗口。不确定使用哪个findelement来关闭模式。
//HTML
<div id="simplemodal-container" class="simplemodal-container" style="background-color: rgb(255, 255, 255); border-color: rgb(255, 255, 255); height: 297px; padding: 0px; width: 984px; position: fi
浏览 0提问于2014-01-28得票数 0
2回答
我使用的是jquery simplemodal插件，但我不确定使用此插件是否可以从另一个simplemodal对话框打开simplemodal对话框。还有，我只想在第二个模式对话框打开时显示灰显的第一个模式对话框。
浏览 2提问于2012-05-22得票数 1
2回答
我使用的是jquery simplemodal插件，但我不确定使用此插件是否可以从另一个simplemodal对话框打开simplemodal对话框。有人知道这是可能的吗？
谢谢,
卢西奥
浏览 3提问于2010-12-07得票数 3
1回答
我有一个简单的模式：
$('#report').click(function(e){
$('#report_window').modal({
autoResize: true
});
return false;
});
和CSS：
#basic-modal-content {display:none;}
#simplemodal-overlay {
background-color:#000;
}
#simplemodal-container {
width: 6
浏览 3提问于2015-02-16得票数 0
3回答
我在一个div中有一个简单的带有JQuery自动完成功能的文本框，我使用SimpleModal在这个文本框上进行模式对话。第一次调用模式对话框时，自动补全功能工作正常。对话关闭后，它将完全停止工作。有人知道这可能是什么原因吗？
代码如下：
对话html：
<div id="simplemodal">
<div class="content">
<span class="label">国名</span>
@Html.TextBox("NewRegion", "&
浏览 2提问于2011-08-18得票数 4
我正在使用SimpleModal对话框，在页面中，我希望使用模式对话框来设置对话框的高度，以在没有滚动条的情况下显示内容。
在测试页面中，我使用了以下代码:我插入了一堆额外的段落标记来表示更像表单布局。此对话框不需要超过屏幕的高度，但我希望对话框能扩展到屏幕的最大高度，然后在必要时滚动。
我尝试在模态窗口中使用maxHeight作为选项，但是css继续恢复到DOM中的内联固定高度和宽度。
<link href="Styles/basic.css" rel="stylesheet" type="text/css" media="scr
浏览 4提问于2012-01-03得票数 3
我使用的是jquery.simplemodal 1.3.5 (我尝试了旧版本)，关闭按钮不能关闭火狐的模式(我尝试IE，它工作得很好)这是我正在使用的测试页面：
<html>
<head>
<title>Untitled Page</title>
<style>
#simplemodal-overlay {
background-color:#000;
cursor:wait;
}
#simplemodal-container a.modalCloseImg {
background: ur
浏览 1提问于2010-05-09得票数 0
2回答
通过使用键盘Tab键并在锚点上按enter键，可以显示图层。
问题是，当Focus2锚点按下时，焦点会丢失。
即使在"focus2“锚点标记上按键盘回车键，我也想保持专注
这就是我到目前为止所尝试的。
<a href="#">focus1</a><br>
<a href='#' class='basic'>focus2</a><br>
<a href="#">focus3</a><br>
<a href
浏览 20提问于2018-09-06得票数 0
回答已采纳
我正在尝试实现SimpleModal ()。然而，我得到了一个奇怪的错误。我解决不了，但希望你们能。如果你能解释原因，那就太好了。
我做了一些调试。并且是正确的且已加载。(与：完全相同)
$("body").append("<script type=\"text/javascript\" src=\"https://example.com/scripts/sm.js\"></script>");
$("body").append("&l
浏览 3提问于2014-10-04得票数 0
2回答
当模式关闭时，我需要调用一个函数。我的代码如下：
function openModal(divName) {
$("#"+divName+"Modal").modal({
overlayClose: false,
closeHTML: "<a href='#' title='Close' class='modal-close'>X</a>",
onShow: function (dialog) {
浏览 0提问于2019-11-18得票数 0
我正试着在我的网站上使用一个开源的弹出窗口。我想添加一个简单的淡入/淡出效果，也允许在框外单击时关闭弹出。下面是javascript：
/*
* SimpleModal Basic Modal Dialog
* http://simplemodal.com
*
* Copyright (c) 2013 Eric Martin - http://ericmmartin.com
*
* Licensed under the MIT license:
* http://www.opensource.org/licenses/mit-license.php
*/
jQuery(fu
浏览 50提问于2018-06-17得票数 1
我在一个项目中使用simplemodal OSX，我希望当用户在弹出窗口之外单击时，模式弹出窗口关闭。我使用下面的代码将overlayClose设置为true，但这不起作用。使用X按钮可以很好地工作，但在外部单击时就不行了；
$("#osx-modal-content").modal({
autoPosition: true,
autoResize: false,
overlayId: 'osx-overlay',
contai
浏览 2提问于2013-06-27得票数 1
回答已采纳
2回答
我有这两个插件包括在同一页，这是导致他们之间的冲突。
我移除了Bootstrap.min.js，SimpleModal运行得很好。我删除了jquery.simplemodal.js，Bootstrap模式工作得很好。我尝试调用bootstrap模式，如果在bootstrap.min.js之前包含jquery.simplemodal.js，则该模式有效
如果在启动后包含SimpleModal，我会在Firebug控制台上看到这个错误
i.modal(...).one is not a function **..blah blah..** bootstrap.min.js (line 6)
浏览 2提问于2014-07-22得票数 6
5回答
这是我第一次使用modals，我很难在点击链接时打开我的模式。我在控制台中没有收到任何错误，所以我很难解决这个问题。
HTML:
<!--Navbar-->
<nav class="navbar">
<div class="logo">
<h4>Earthquake Feed</h4>
</div>
<ul class="nav-links">
<li&g
浏览 5提问于2019-11-27得票数 0
回答已采纳
我正在使用Eric Martin的SimpleModal，并且我需要在index.html中有两个指向两个不同模式窗口的链接。
我已经尝试了下面的代码，它可以工作，但第二个模式的内容在index.html中显示:(
我怎么才能修复它？
请注意，我使用Eric的链接来显示这里的代码，并使其独立。在我的页面中，我已经下载了这些文件，并在本地使用它们。
非常感谢
<html>
<head>
<style>
#basic-modal-content {display:none;}
#simplemodal-overlay {background-color:#000
浏览 0提问于2011-03-24得票数 0
回答已采纳
我正在使用simplemodal在我的页面上弹出一个模式。我用display:none隐藏了页面加载中的模式内容。我正确地设置了简单模式容器的样式，它弹出得很好。但是，应该在容器中的内容仍然不显示；除非我调整页面大小。当我调整它的大小时，内容就像我想要的那样出现了。
如何在不调整页面大小的情况下使内容正确显示？
在phtml文件中，我的代码大致如下：
<div id="div_for_simplemodal" style="display:none"></div>
<script type="t
浏览 0提问于2014-09-23得票数 0
我正在使用以下设置：
jQuery - 1.7.1
simplemodal - 1.4.2
我的问题是，出于可访问性的原因，当模式窗口打开时，我希望将焦点放在模式窗口上，并允许用户按tab键转到close按钮，然后在那里单击enter关闭窗口。
我在页面上使用simplemodal的目的只是为了以全尺寸显示表格，这不适合原始网格。因此，我没有输入域之类的东西，我唯一能关注的就是div作为简单模式窗口simplemodal-wrap的容器，是的，我们使用的是HTML5。
我遵循了这里建议的步骤，，它使我能够将焦点放在关闭链接上，将输入变量扩展为：
$('#simplemodal-cont
浏览 3提问于2013-07-02得票数 0
我想使用SimpleModal Confirm Override功能并对其进行修改，以便激活页面的onLoad。
有没有人能帮忙？
SimpleModal演示页网站的。
浏览 1提问于2010-12-20得票数 1
回答已采纳
我正在学习Ruby on Rails，我想使用一些不起眼的javascript来显示模式。当用户单击远程链接时，它会调用我的一个控制器中的一个操作，该操作返回以下javascript...
var SM = new SimpleModal({"width":600});
SM.addButton("Action button", "btn primary", function(){
this.hide();
});
SM.addButton("Cancel", "btn");
SM.show({
&#
浏览 1提问于2014-11-09得票数 0
这是我在堆栈溢出上的第一篇文章，所以如果我违反了礼仪或做了一些愚蠢的事情，我向你道歉。我也是一个新手程序员，所以如果这个问题看起来很愚蠢，我提前道歉。
现在进入要点:当我们的主程序员在度假时，我正在尝试为一个网站创建一个WordPress插件。我已经取得了一些成功，现在我需要做的是在用户对网页执行某个操作后，从插件调用simplemodal-login。目前，我正在尝试这样做，以便包含文件，它们位于文件中插件的上一级单独的目录中(为了保持匿名，我将屏蔽文件名)：
include ("../simplemodal-login/simplemodal-login.php");
我还
浏览 0提问于2012-08-08得票数 1
回答已采纳
我所要做的就是获得使用ASP.NET MVC2的SimpleModal的基本演示，我得到了奇怪的行为……
我所做的基本上是将演示中的index.html复制到我的/Home..so的Index.aspx主体中，如下所示：
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
<div id='container'>
<div id='logo'>
<h
浏览 1提问于2010-11-26得票数 1
1回答
我刚刚完成了一个项目查看器的一些工作，该查看器在SimpleModal窗口中显示了一个嵌套的jQuery Cycle小部件。它工作得很好，除了现在我正在试着调试iPad的一些东西。
看看下面的图表，可以更好地了解发生了什么，但基本上SimpleModal似乎在移动safari返回scrolltop或其等价物的方式上遇到了麻烦。我知道SimpleModal 'position‘选项需要更新，但我现在确定如何做得更好。
浏览 0提问于2010-10-15得票数 0
所以我可以让Greasemonkey和jQuery 1.2.6一起工作，没有问题，但是，现在我想知道如何在我的Greasemonkey脚本中嵌入额外的jQuery插件，比如Eric Martin的SimpleModal插件()。
下面的代码加载了jQuery，但我不确定如何正确加载SimpleModal：
var GM_JQ = document.createElement('script');
GM_JQ.src = 'http://jqueryjs.googlecode.com/files/jquery-1.2.6.min.js';
浏览 1提问于2009-01-13得票数 5
回答已采纳
我正在寻找一个例子或文章，演示如何在ASP.NET webforms项目中使用SimpleModal。
理想情况下，本文将展示如何使用simplemodal创建和编辑网格行。
浏览 0提问于2010-03-11得票数 2
回答已采纳
1回答
目前，我有以下代码：
<!-- modal content -->
<div id="osx-modal-content-1">
<div id="osx-modal-title">OSX Style Modal Dialog</div>
<div class="close"><a href="#" class="simplemodal-close">x</a></div>
<div i
浏览 0提问于2010-08-02得票数 0
回答已采纳
6回答
是否可以将外部HTML文件加载到变量中，然后使用该变量加载SimpleModal对话框？就像这样：
$(document).ready(function($) {
var externalPage $.get("Renderer.htm");
$('#basic-modal .basic').click(function(e) {
$(externalPage).modal();
return false;
});
});
另一个可行的解决方案是在隐藏的div中加载外部HTML文件，然后使用它加载对话框
浏览 5提问于2010-04-30得票数 1
回答已采纳
1回答
简单模式自动注销
、、、
我试图使一个自动注销页面与js计时器和jquery确认模式。一切正常，除了它不会打开模式时，计时器达到2秒。下面是代码。有人能告诉我我哪里做错了吗？
<script type='text/javascript' src='simplemodal/js/jquery.js'></script>
<script type='text/javascript' src='simplemodal/js/jquery.simplemodal.js'></script>
<link type
浏览 0提问于2012-08-20得票数 0
回答已采纳
我正在使用下面的代码尝试将jQuery simpleModal插件的预小型化版本打包到ASP.NET MVC4项目中：
public static void RegisterBundles(BundleCollection bundles)
{
AddDefaultIgnorePatterns(bundles.IgnoreList);
bundles.Add(new ScriptBundle("~/ModalBundle").Include("~/Scripts/jquery.simplemodal.{version}.min.js"));
}
浏览 2提问于2013-10-16得票数 4
在CSS中，我将SimpleModal设置为屏幕尺寸的80%：
#simplemodal-container {
background-color: white;
border: 4px solid #aaaaaa;
padding: 12px;
height: 80%;
width: 80%;
}
我希望SimpoleModel在用户更改窗口大小时随窗口大小调整大小。
但这不起作用：
$(function () {
$('#agreement-modal-content').modal(
{
浏览 0提问于2013-03-06得票数 1
回答已采纳
1回答
我试图在一个简单的应用程序中使用react hooks。这是对我编写的代码的引用：
const styles = theme => ({
root: {
...theme.mixins.gutters(),
paddingTop: theme.spacing.unit * 2,
paddingBottom: theme.spacing.unit * 2
},
button: {
margin: theme.spacing.unit
}
});
function PaperSh
浏览 0提问于2018-12-12得票数 0
回答已采纳
我正在使用这个插件：
我正在尝试使用默认按钮关闭弹出窗口，但它不会关闭。我已经在中添加了simplemodule-close类来关闭div，但这没有用。我也尝试过使用jQuery.modal.close()；但这不起作用。
我已经阅读了数百篇其他帖子，但由于某种原因，它不起作用。
注意:我在Wordpress中工作，所以$= jQuery (对于noConflict)
我的HTML：
<div id="basic-modal-content">
<a class="modalCloseImg simplemodal-close
浏览 0提问于2013-12-19得票数 0
我使用的是jQuery 1.7.1、jQuery验证插件() 1.9.0、jQuery SimpleModal插件() 1.4.2和jQuery qTip2 ()。
我有几个表单需要在模式对话框中打开。验证在第一次打开模式对话框时起作用。但是，当我关闭并重新打开对话框时，不会再次执行验证。
我使用SimpleModal插件的onShow回调附加表单验证(这样它们就会在每次创建模式框时应用，而不仅仅是在页面加载时应用)。
有关演示，请参阅。
请注意，我已经尝试过对SimpleModal使用persist: true。这就产生了其他问题。
任何在每次使用模式对话框时让验证工作的帮助都将不胜感激。
浏览 0提问于2012-01-20得票数 1
回答已采纳
我希望这个window.onload每月只触发一次模态，但我在工作上遇到了困难--请帮助。
<script type="text/javascript">
window.onload = function () {
OpenBootstrapPopup();
};
function OpenBootstrapPopup() {
$("#simpleModal").modal('show');
}
function myFunctionClose() {
浏览 4提问于2022-07-24得票数 -1
回答已采纳
我使用的是EricMarin的.I，无法正确显示modalpopup。我刚开始使用jquery插件，找不到哪里出错了
下面是我使用的jquery脚本
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/ui/1.9.1/jqu
浏览 3提问于2013-03-11得票数 0
回答已采纳
我遇到了以下问题：
当模式处于活动状态时，(以编程方式)添加到模式弹出窗口中的元素的类定义在模型关闭后不会保留。这与类定义在通过标准jQuery方法“隐藏”和“显示”元素之后保留在元素上的情况形成了对比。
为了说明这个问题，请在下面找到一个测试页。
有什么解释吗？
提前谢谢你，
-Itai
单击“jQuery显示模式”
单击“添加类”
单击“jQuery隐藏模态”
单击“jQuery显示模式”
单击“显示类”(您将看到“aClass anotherClass”)
单击“jQuery隐藏模态”
单击SimpleModal打开
单击“显示类”(您将看到“aClass anotherClass”)
浏览 1提问于2010-07-15得票数 1
8回答
我有这样的输入“
<input type='button' name='osx' value='Demo' class='osx demo' runat="server" />
当我点击它时，它会运行一个jQuery插件。现在，我想在页面加载上调用这个输入的单击事件，实际上，我想在页面加载时运行它的插件，所以我使用以下代码：
<script>
$("document").ready(function () {
window.getElementById
浏览 6提问于2013-08-29得票数 3
回答已采纳
当用户单击按钮或链接时，我使用SimpleModal jQuery插件显示一个覆盖整个页面的对话框，以防止用户在下一个页面加载之前的延迟期间单击另一个按钮或链接。(我想避免这种情况，但这是另一天的问题。)
显示下一页后，如果用户单击“后退”按钮，上一页仍显示SimpleModal覆盖，从而阻止用户使用该页。这是一个问题。
如何使SimpleModal对话框在离开页面或用户单击“后退”按钮返回页面时自动关闭？
我尝试了一下，但没有成功：
$("body").unload(function() {
$.modal.close();
});
谢谢!
沃利
更新:以下是似乎效果
浏览 0提问于2010-03-13得票数 1
回答已采纳
我在一个模式窗口上有一个html5视频元素。当我关闭窗口时，视频继续播放。我对JS来说完全是个新手。是否有一种简单的方法可以将视频播放停止功能绑定到窗口关闭按钮？下面是我的html页面：
<!DOCTYPE html >
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Modal Test</title>
<script type="text/javascript" src="jquery.js
浏览 2提问于2011-05-11得票数 60
不知何故，仅仅在下面的文档中设置font-family: sans-serif样式就会导致li标记内容在IE11.0.9600.16438和FireFox 25.0.1中包装，而不是在Chrome31.0.1650.57中包装。当我注意到一些li标记在使用SimpleModal 1.4.4时不必要地包装时，我第一次注意到了这一点。我将标记和CSS样式添加到一个独立的文档中，从而成功地再现了这一点。最后，我使用jQuery的outerWidth和outerHeight方法来检索计算出来的大小，我已经证实了这正是SimpleModal所使用的。
编辑：为了清楚起见，我正在使用outerWidth和
浏览 2提问于2013-11-20得票数 1
回答已采纳
2回答
有没有其他人尝试过在IE9中使用SimpleModal？如果是这样的话，你有没有体验到模式的宽度是非常错误的？
我查看了SimpleModal的主页，那里也到处都是情态动词。
有人有解决这个问题的办法吗？
浏览 0提问于2010-10-19得票数 0
回答已采纳
我有一个.aspx页面，它使用Eric的SimpleModal插件在弹出窗口中打开另一个.aspx页面。我可以关闭弹出式表单使用小x在右上角，但也需要能够关闭的形式编程按钮-点击。我使用的是推荐的$.modal.close()，但它似乎不起作用--弹出窗口不关闭。
下面是如何从c#中的父页面打开表单：
ClientScript.RegisterStartupScript(this.Page.GetType(), "Popup", "$(document).ready(function () {simpleModal('555','300'
浏览 3提问于2014-07-16得票数 0
回答已采纳
我在SharePoint ContentEditorWebPart中使用SimpleModal，它工作得很好。但是，我希望以编程方式关闭窗口。我已经使用$.modal.close()尝试了这里提出的解决方案的不同变体：
但是，如果我将"$.modal.close();“放在脚本中的任何位置，SimpleModal就会停止工作...我的模态弹出框的文本显示在屏幕上，弹出框完全不再出现。就好像我根本没有使用SimpleModal一样……如果我注释掉"$.modal.close();“，弹出框再次正常工作，但我必须单击"X”将其关闭...
我到底做错了什么？
浏览 1提问于2010-12-07得票数 1
我有一个React Bootstrap Table，表格的每一页都有20条记录。在每一行中，我使用以下行添加了一个按钮
function attachFormatter(cell, row){
return (
<AttachmentManager />
);
}
<TableHeaderColumn key={uuid.v4()}
dataField={column.dataField}
dataFormat={attachFormatter}
浏览 3提问于2017-10-27得票数 0
回答已采纳
我注意到，许多在桌面浏览器中运行良好的插件(例如simplemodal)在安装了jQuery移动设备的iPad上就不能正常运行。Simplemodal有一个不起作用的关闭按钮，我相信这是因为事件侦听器需要是“点击”。有没有什么简单的方法可以让我所有的jQuery插件响应点击而不是点击？
浏览 0提问于2011-08-27得票数 0
Javascript/jQuery新手。我正在寻找一个很好的弹出式解决方案，然后我找到了Eric Martin的jQuery插件SimpleModal，它似乎很受欢迎。我很好奇为什么人们会选择像SimpleModal这样的插件而不是jQuery UI对话框。在比较两者时，优缺点是什么？谢谢。
浏览 2提问于2011-06-14得票数 5
回答已采纳
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
腾讯云开发者
