onClick在通过React门户打开的弹出窗口中不起作用
在通过React门户打开的弹出窗口中，onClick事件可能不起作用的原因有多种可能性。下面是一些可能的原因和解决方法：
- React事件委托机制：React使用事件委托机制来处理事件，如果你在弹出窗口中使用了onClick事件，但是没有正确设置事件委托，那么事件可能不会被正确触发。解决方法是确保你正确设置了事件委托，将事件绑定到正确的元素上。
- 弹出窗口的渲染时机：如果你在弹出窗口还没有完全渲染完成时就尝试绑定onClick事件，那么事件可能不会起作用。解决方法是确保在弹出窗口完全渲染完成后再绑定事件。
- 事件冒泡和捕获：如果你在弹出窗口中的某个元素上绑定了onClick事件，并且同时在该元素的父元素上也绑定了onClick事件，那么事件可能会被父元素捕获而不是在弹出窗口中触发。解决方法是使用事件对象的stopPropagation方法来阻止事件冒泡。
- 弹出窗口的作用域问题：如果你在弹出窗口中使用了onClick事件，并且在事件处理函数中引用了弹出窗口中的其他变量或函数，那么可能会出现作用域问题导致事件不起作用。解决方法是确保事件处理函数中的变量和函数在弹出窗口的作用域内。
总结起来，要解决onClick在通过React门户打开的弹出窗口中不起作用的问题，需要确保正确设置事件委托、在正确的时机绑定事件、处理好事件冒泡和捕获、以及解决作用域问题。另外，腾讯云提供了一系列与React相关的产品和服务，例如云服务器、云数据库、云存储等，你可以根据具体需求选择适合的产品。具体的产品介绍和链接地址可以在腾讯云官网上找到。
相关·内容
2回答
如何确定组件是否包含React层次结构
javascript、reactjs
我已经创建了一个弹出库，它使用React Portal将每个弹出窗口渲染到body，以减轻overflow: hidden问题。现在弹出窗口可以打开更多的弹出窗口，我想确定是否在这些弹出窗口层次结构之外进行单击，以便关闭所有这些弹出窗口。如果它们是嵌套的，我可以为e.target创建一个.contains，但在这里，DOM层次结构将是扁平的(即，所有弹出窗口都将是body中的兄弟)。由于React门户的性质，只会嵌套React层次结构。我的问题是，如何最好地检测单击是在此弹出层次结构内部还是外部进行的？
浏览 53提问于2018-07-26得票数 4
回答已采纳
2回答
为什么jQuery会提醒()更多次呢？
javascript、jquery、ajax、alert
我现在有一个很大的问题，从昨天开始我就一直在想这个问题，但是我真的不知道这里会有什么问题。
所以我基本上在代码中做了一个jQuery Ajax调用，如下所示：
var ajaxCall = function(id, token)
{
var datap = { "id": id, "token": token };
$.ajax({
type: "POST",
url: "ajax.php",
data: datap,
dataType: "
浏览 4提问于2014-03-11得票数 0
3回答
页面加载后加载弹出窗口，无法将日期选择器连接到文本框？
jquery、jquery-ui
我有一个页面加载，然后它加载弹出使用ajax的内容。
所以问题是，当我尝试将.datepicker()连接到弹出窗口中的文本框时，它似乎不起作用，我猜这是时间问题。
.datepicker()连接发生在加载弹出窗口内容的操作/视图中。
总而言之，页面加载，然后对action/view进行ajax调用以加载弹出窗口的内容。这个弹出窗口有一个文本框，点击时会弹出一个日期选择器。
它不工作，这是时间问题吗？
浏览 3提问于2011-01-15得票数 3
2回答
在div中观察滚动，为将来的事件做准备
jquery
不，这不是复制的。对于每一种事件，这都是有效的--除了滚动！
我们有聊天窗口弹出，我们需要观察这些滚动事件。
这工作
$(".chat-window").scroll(function() {
var scroll = $(this).scrollTop();
console.log(scroll);
})
obv.如果我把它扔到我的控制台中，在聊天窗口已经弹出之后，它就能工作了。
但我们需要它作为未来的元素。这个解决方案不管用
这是我的工作
$(document).on("scroll", ".chat-window", fun
浏览 3提问于2015-08-17得票数 5
回答已采纳
4回答
停止javascript事件传播
javascript、jquery、events
当您将鼠标悬停在以下站点上的某个图像上时，将出现一个包含操作按钮的div。当您单击div时，弹出窗口将打开，当您单击子操作按钮时，将发生不同的事件。
当你点击div的一个子按钮时，弹出窗口就会弹出来。我尝试使用下面的代码停止事件传播。
$(document).on('click', '#DOMWindow .like', function(event) {
event.preventDefault();
event.stopPropagation();
});
浏览 0提问于2012-04-12得票数 1
回答已采纳
2回答
点击超链接打开jQuery对话框
jquery、d3.js、hyperlink、simile
我正在使用exhibit-api.js和D3.js
我的问题是，在我的地图的map-lens上，我提供了超链接。直到它从hyperlink打开新窗口或新页面。但是我需要的是打开jQuery弹出窗口中的页面。
我已经尝试了所有的东西，但是javascript找不到<a>标记和id或class，我做错了什么？
我试过什么：
下面的代码行正在工作，但它在新窗口中打开页面，我需要的是弹出。
<a id="file" data-ex-href-content=".url" onclick="javascript:window.open('
浏览 7提问于2014-04-26得票数 0
回答已采纳
2回答
在弹出窗口中使用jquery
javascript、jquery、twitter-bootstrap
我试图在弹出窗口中添加一些元素，并将一些命令与这些元素相关联。
假设我有以下代码块：
<div id ="pop_models">
<a href="javascript:;" class="model">TEST MODEL</a>
</div>
和
$(".model").click(function() {
alert('I work');
});
如果我点击这个链接，我当然会收到一条警告消息。
但是，如果我使用弹出窗口显示我
浏览 2提问于2015-07-31得票数 0
3回答
.mouseup()只触发一次
jquery、mouseup
当用户单击弹出窗口时，我使用jquery 关闭弹出窗口。我的问题是，它只在第一次使用时才起作用。我已经尝试了.on()版本，但没有帮助。
$(document).ready(function() {
$(document).mouseup( function(e) {
var container = $("#mpop-loop");
if (container.has(e.target).length === 0) {
container.fadeOut("fast").remove();
}
浏览 0提问于2013-01-17得票数 1
回答已采纳
2回答
弹出窗口链接在窗口中以及浏览器选项卡中启动
javascript、angularjs、angular-ui-router、popupwindow、ui-sref
我正在开发一个使用Laravel和AngularJS建立的网站。我希望在弹出窗口中打开某个链接。javascript代码是
function popitup(url) {
newwindow=window.open(url,'test','height=400,width=550');
if (window.focus) {newwindow.focus()}
return false;
}
而联系是
<a ui-sref="test({id:test.id})" class="btn btn-pri
浏览 3提问于2018-07-09得票数 0
回答已采纳
1回答
使用按钮打开和关闭嵌套弹出窗口
javascript、popup、nested
我正在尝试使用两个jquery函数在一个页面中显示多个弹出窗口。其中之一是打开弹出窗口的按钮(嵌套在按钮内部，以便将弹出窗口定位在按钮旁边)。另一个功能是关闭弹出窗口(位于嵌套的div中)的按钮。
问题是，组成第一个按钮的div将其功能扩展到打开的弹出窗口，有效地使它在每次我想关闭弹出窗口时再次打开。(至少我是这么认为的，因为在我取消弹出窗口中打开按钮的嵌套之后，它就开始工作了。)
下面是javascript的代码
jQuery(document).ready(function(){
$(".button_open").click(function()
{
$(this).c
浏览 1提问于2013-03-01得票数 0
回答已采纳
1回答
Bootstrap Popover -关闭时保存HTML
jquery、twitter-bootstrap、popover
我有一个订单页面，您可以选择您想要的产品类型。对于特定的产品，他们有一些叫做“规格”的东西。当有一个按钮时，就意味着有规格说明。如果单击它，将出现一个带有复选框列表的弹出窗口。这工作得很好，没有问题。
现在我的问题是，当我再次点击back时，弹出窗口关闭(也没问题)，但数据没有保存。我假设它从内容中复制并缓存它。
我的问题是，当数据关闭或在弹出窗口中使用DIV中的“实时”数据时，有没有办法保存数据？
谢谢你。
编辑：
您希望在设备列表中显示的内容：
<div id="specs-1" class="hide">
<ul class=&#
浏览 4提问于2013-04-09得票数 0
回答已采纳
1回答
Colorbox:在单独的窗口/选项卡中打开外部链接，并保持colorbox打开
jquery、colorbox
我正在使用Colorbox显示一所大学的课程信息(请参阅)。在每个弹出窗口中都有一个链接到我想要在外部窗口或选项卡中打开的类注册页面的按钮。使用带有target="_blank“的标准a标签不起作用(请参阅除第一个课程(高级蛋糕装饰I)之外的所有内容)-弹出窗口缩小为空窗口。我可以通过将window.open()函数附加到onclick事件来使其工作，但这也会缩小弹出窗口。我想在它自己的窗口/选项卡中打开类注册链接，并使colorbox弹出窗口保持打开状态以供参考。
任何帮助都将不胜感激。
最佳-乔
浏览 0提问于2012-03-23得票数 1
回答已采纳
1回答
在块内单击时，会触发外部单击
reactjs
在单击内部单击时，我是否可以这样做，以使顶部单击不起作用？ ? 我有一个弹出窗口，它是在块内的点击它打开。因此，我需要实现这个逻辑来关闭它。 import React, {Component} from 'react';
class Test extends Component {
onClick() {
console.log(111)
// I need when click onClick1 this not trigger
// open popup
}
onClick1() {
console.log(222)
浏览 18提问于2019-04-12得票数 1
回答已采纳
3回答
jQuery单击在弹出窗口中不起作用
jquery、popup、jquery-ui-dialog
我有两个编码准确的文件，文件A和文件B。在文件A中，有创建文件B弹出窗口的链接。在文件A的顶部，我创建了一个链接(一个href)，当单击该链接时，会提醒用户。这段代码在文件B中，它可以在文件A中工作，但不能在文件B中工作。
<a href="#" id="send-email">Send Email</a>
和jQuery：
$('#send-email').click(function(e) {
alert('works');
});
奇怪的是，它们都链接到相同的外
浏览 1提问于2012-08-23得票数 0
回答已采纳
1回答
无法打开jqModal弹出窗口
drupal-6、jqmodal
我使用的是Drupal6表单，ahah用于ajax表单提交。在表单提交时，我执行一些验证，并允许用户选择在jqModal弹出窗口中显示的选项。我用于jqm弹出窗口的JS脚本是：
$(document).ready(function() {
$("#dialog").jqm();
});
并使用tag打开jqm弹出窗口。
<a href="#" class="jqModal">Choose option</a>
<div cl
浏览 3提问于2014-05-08得票数 0
3回答
jQuery如何设置绑定顺序
javascript、jquery
是否有办法将绑定设置为优先？
我有一个类似的链接：
<a href="" class="popItUp" data-track"stuff"> </a>
popItUp绑定以获取url并在弹出窗口中打开。
数据跟踪是另一个用于发送事件跟踪数据的绑定。
问题： popItUp返回false，并且数据跟踪绑定永远不会触发。是否有一种方法总是让数据跟踪首先由jQuery运行，因为它总是返回true？
谢谢
码
// Mixpanel Click Tracking
$('[data-track]').live(&#
浏览 4提问于2011-09-01得票数 0
回答已采纳
1回答
在加载后创建的对象上使用jQuery选择器
javascript、jquery、twitter-bootstrap、jquery-selectors
我拿起了一个别人创建的JQuery项目(总是很有趣)。
似乎原始作者在页面元素上创建了一个翻转的弹出窗口。弹出窗口有按钮，例如"class=deleteBtn“。最初，我无法使用典型的jQuery选择器"on“方法让这个链接响应点击，所以我必须这样做：
$(document).on('click', '.deleteBtn', function () {
alert('foo')
});
这确实显示了警报。但是，现在我需要在弹出窗口中隐藏和显示元素，并且再次遇到选择器问题。例如，这不起作用
浏览 1提问于2013-12-17得票数 2
4回答
我在以下javascript代码中使用event.stopPropagation()时遇到了问题
<li onclick="test();">
<div>
<span onclick="test2();">click</span>
</div>
</li>
当点击span时，它会打开一个灯箱(jQuery colorbox)，里面有一些内容，但这里的问题是当我点击span时，它首先调用了<li> onclick，我已经尝试过event.stopPropagatio
浏览 0提问于2012-03-03得票数 0
2回答
如何停止用户点击的效果？
javascript、html、css、google-chrome-extension
我正在制作一个chrome扩展来编辑被点击的图像的属性。我使用一个名为element picker的包来选择图像(这是通过弹出窗口中的html按钮触发的)。代码可以工作，我可以更改图像的属性。但是，该包不会停止链接到图像的任何操作，这通常会导致用户被带到一个新页面。在用户按下弹出窗口中的按钮和选择图像之间，如何停止用户单击的任何操作？提前谢谢你。
var elementPicker = require('element-picker')
function onClick(elt) {
[.....]
}
elementPicker.init({ onClick })
浏览 0提问于2021-02-09得票数 0
1回答
事件在单击事件后冒泡jQuery .delegate()或.live()
javascript、dom、jquery、event-delegation
我已经尝试了很多不同的可能性来实现我觉得应该是一个简单的代码执行。我正在通过.load()从服务器加载DOM对象。其中一个已加载的项是一个输入文本框，其中包含日期。当我点击输入框时，我想加载jdpicker (一个插件数据报警器)。由于.live()和.delegate()的行为，即使分别使用.die()或.undelegate()，也无法使弹出的数据报警器正常运行。它或者弹出，允许我单击窗口中的一个对象，然后立即关闭(如果没有关闭窗口，我无法在几个月、几年内导航)，或者窗口弹出，然后每次单击都会重新执行生成多个数据报警器实例的代码。
我尝试过不同的组合，.live()，.delegate()
浏览 3提问于2010-08-05得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
