活动div的Onclick函数不起作用
可能是由以下几个原因引起的：
- 代码错误：检查一下代码中是否存在语法错误或者逻辑错误，比如函数名拼写错误、缺少括号等等。确保代码没有任何错误。
- 事件绑定问题：确认是否正确绑定了Onclick事件。可以通过在浏览器控制台输出事件绑定情况来检查。
- 元素不存在或隐藏：检查一下活动div是否存在于DOM中，并且没有被设置为隐藏。如果元素不存在或者被隐藏了，点击事件自然不会起作用。
- 其他事件冲突：可能存在其他事件与Onclick事件冲突，导致Onclick事件无法触发。可以尝试使用其他事件名称或者解决事件冲突问题。
解决这个问题的方法有：
- 检查代码：仔细检查代码，确保没有语法错误或者逻辑错误。可以使用浏览器的开发者工具来查看控制台是否有报错信息。
- 确认事件绑定：确认是否正确绑定了Onclick事件。可以通过在浏览器控制台输出事件绑定情况来检查。
- 确认元素存在和可见：确保活动div存在于DOM中，并且没有被设置为隐藏。可以通过在浏览器控制台输出元素来检查。
- 检查其他事件冲突：检查是否存在其他事件与Onclick事件冲突。可以尝试使用其他事件名称或者解决事件冲突问题。
如果以上方法都没有解决问题，可以尝试使用调试工具来进一步分析和定位问题。
相关·内容
我有一个菜单，我可以打开和关闭菜单，点击一个标签。它起作用了。此外，我还使用OnBlur()。实际上它也能工作，但是当我单击菜单中的div时，OnBlur活动，菜单关闭，div的onclick不起作用。我怎样才能解决这个问题？
在JavaScript码中；
<script>
function Acc_Show() {
var q = document.getElementById("he-my");
q.style.display = "";
document.getElementById("my-account-
浏览 3提问于2014-11-18得票数 0
我试图让jquery .toggleClass使用"this“，但它不起作用。有人能迅速指出我的正确方向吗？谢谢
基本上，在下面的示例中，我只想将类从非活动切换到活动。
#contenttab {float: left;position: relative; padding: 10px 15px 10px 15px; ; width: 350px; color: #f1f1f1; font-size: 18px; border-radius: 5px;transition: .2s ease-in-out; margin:10px; text-align: center; l
浏览 8提问于2014-10-08得票数 1
回答已采纳
4回答
我有一个react组件，我也试图设置一个“活动”类。下面是我用来测试活动类是否应该设置的代码。
{sku.colors &&
(<div className="swatches" styleName="swatches">
<span className="color" styleName="color" data-name="color">
{sku.colors.map((option, index) => {
retu
浏览 1提问于2018-09-12得票数 0
回答已采纳
我有一个html导航代码如下所示
function Data(string) {
//1. get some data from server according to month year etc.,
//2. unactive all the remaining li's and make the current clicked element active by adding "active" class to the element
$('.filter').removeClass('active');
$(t
浏览 7提问于2013-11-15得票数 100
回答已采纳
2回答
我有一个这样的代码，
<div class="panel-footer">
<div class="post-activity">
<i class="loading-icon"></i>
<button onclick="ChangeColor(this);">Change Color</button>
</div>
//Will be code
</div>
当我的项目工作时，我点击了
浏览 0提问于2014-09-01得票数 0
我想使用javascript从存储的对象创建HTML。它们包括带有onclick函数的按钮，这些函数调用对象内部的函数。
我尝试使用document.createElement("Div")创建每个节点并设置其内容/类...但发现这个解决方案非常笨拙。
目前，我将节点的innerHTML设置为我创建的字符串，它的可读性更好。
let objHTML = document.createElement("Div");
objHTML.innerHTML =
`<div class="ObjWrap ${status}">
<
浏览 0提问于2019-01-23得票数 0
我有一个javascript按钮，它会触发onclick事件，但我只希望它在另一个div包含一个名为"active“的类时这样做。
我有这样的结构：
<div id="div1">
<div id="someid1" class="design"></div>
<div id="someid2" class="design"></div>
<div id="someid3" class="design">
浏览 3提问于2015-02-10得票数 3
回答已采纳
2回答
<a onclick="changeTab(1)">Tab 1</a>
<a onclick="changeTab(2)">Tab 2</a>
<a onclick="changeTab(3)">Tab 3</a>
<div class="tab1" style="display: block";>Tab 1 Content</div>
<div class="tab2" style="d
浏览 1提问于2019-11-21得票数 0
回答已采纳
我有这样的代码：
<div class="navi">
<a onclick="GetTagDataOnPageChangeNumeric(1,5)" href="#"></a>
<a onclick="GetTagDataOnPageChangeNumeric(2,5)" href="#" ></a>
<a onclick="GetTagDataOnPageChangeNumeric(3,5)" href="
浏览 1提问于2012-05-01得票数 0
回答已采纳
1回答
ajax回调上的阻塞屏幕
、、、、
每当有ajax活动时，我希望阻止我的网页屏幕，并在ajax活动结束时取消阻止屏幕。为了做到这一点，我使用块ui。但它在我的情况下不起作用，我不知道为什么。下面是我的代码：
<head runat="server">
<script type="text/javascript" src="jQuery 1.10.1.min.js"></script>
<script type="text/javascript" src="blockui.js"></script&
浏览 1提问于2013-07-03得票数 1
2回答
我正试图激活div上的onclick。因为某种原因它不起作用了。
示例：
<html>
<head>
<style>
.box{
border: 1px solid black;
width: 100px;
height: 100px;
}
</style>
</head>
<body>
<d
浏览 0提问于2014-06-29得票数 1
回答已采纳
2回答
在这个测试选择组件中，我放置了两个不同的div引导列表组和按钮。当我单击某个按钮时，我想保留活动类，但是每个div中只有一个可以是活动的。因此，例如，如果我单击“历史”，然后单击“媒体”，我希望它们保持活动类。
我尝试添加一些引导4选项，如“活动状态”，并尝试切换active类onClick。但在这种情况下，活动类仍然停留在我单击的每个按钮中。
非常感谢你的帮助
class Selection extends React.Component {
render() {
return (
<div className="border rounded w-75
浏览 0提问于2019-08-28得票数 2
回答已采纳
试图用NavLink和replace路由器替换一些老方法，但我的代码似乎不起作用
return (
<div className='Selection-container'>
<div className="Selections">
<NavLink to="/best">
<button className='Best' value='best' onClick={handleSelection}>Best&
浏览 6提问于2022-04-24得票数 0
回答已采纳
我正在尝试从一个JavaScript触发器调用一个onclick函数。
HTML部分：
<div class="my_radio">
<input type="radio" name="my_radio" value="1" onclick="my_func()"/> first button
</div><!-- end of class my_radio -->
和JavaScript代码
<script type="text/javasc
浏览 3提问于2011-11-27得票数 4
回答已采纳
1回答
我有一个数组，我正在遍历这个数组来创建div元素，并且基于这些div中的哪个是'active‘(派生自state)，我希望它们具有ref属性。这个ref也是我使用的钩子的参数，它向该引用添加了onclick监听器。当第一个div处于活动状态时，这是正常的，但是当我的状态更改为使第二个div活动时，onclick侦听器在第二个div上是不活动的。知道我该怎么解决这个问题吗？
组件文件：
const [active, setActive] = useState(0);
const ref = useRef<HTMLDivElement>(null);
const { ele
浏览 3提问于2022-09-09得票数 2
1回答
我正在做一个仪表板，在我的菜单中，问题是我没有像往常一样使用class component，如果不使用react hooks，我知道一点javascript，所以它对我来说很复杂
在以前的组件类中，我已经执行了这个函数：
class Technologies extends Component {
handleChange(checked) {
this.setState({ checked })
}
render() {
return (
<div className="section-7">
<but
浏览 6提问于2019-07-24得票数 1
1回答
<div id="element1" onclick="change();">1</div>
<div id="element2" onclick="change();">2</div>
<div id="element3" onclick="change();">3</div>
当单击element1时，进程更改功能和其他单击功能不起作用。我如何使用jquery做到这一点？
浏览 1提问于2012-11-18得票数 0
我正在尝试根据按钮是否处于活动状态来更改它的CSS。由于某些原因，className没有出现在我的超文本标记语言中，即使我给它赋值的是三元条件。 var [isActive] = useState(false);
var [btn_class] = useState('');
const addOrRemove = (array, value) => {
var index = array.indexOf(value);
if (index === -1) {
array.push(value);
isActive
浏览 15提问于2020-04-24得票数 2
回答已采纳
我在做摄氏到华氏温度的计算器。我的代码在这里：我正在尝试这样做，如果celcius输入是活动的，则会调用convert to farenheit函数，反之亦然，并且只有在单击submit按钮时才会发生转换。我还尝试了活动表单id的if/else语句，但不起作用。
代码如下：
HTML：
<html>
<head>
<meta charset="UTF-8">
<title>Temperature Converter - Part 1</title>
</head&g
浏览 0提问于2016-08-15得票数 0
当我滚动到div时，如何获得div id。
我的角6应用程序是一个页面应用，当用户点击导航栏时，页面将滑到div id (我使用ngx-滚动- to )。
我已经做了，当用户单击导航条菜单，它将滑到div并设置类活动。
我的问题是当用户手动滚动时，我如何设置导航条菜单活动时，它到达div id。
<li class="nav-item" [ngClass]="activeRoute=='home' ? 'active' : ''">
<a class
浏览 0提问于2018-10-03得票数 1
我使用带有自定义控件的react-slick carousel。我想添加‘活动’类只是元素，这是改变幻灯片(通过onClick事件)。但在我的例子中，“活动”类为所有这些类切换。 export default class ServicesSlider extends React.Component {
constructor(props) {
super(props)
this.changeSlide = this.changeSlide.bind(this)
this.state = {
isActive: f
浏览 33提问于2017-08-04得票数 5
回答已采纳
2回答
所以我有一个标题，每5秒循环4张图片。用户也可以使用5个单选按钮来循环这些图像。
当用户自己单击活动/选中的单选按钮时，将应用活动/选中单选按钮的样式，但是，如果定时器切换图像，则活动单选按钮保持不变。
我知道这是基于下面代码的预期行为，我只是想知道我将如何更改选中的单选按钮来匹配它的当前图像！
任何帮助都将不胜感激！
constructor(props) {
super(props);
this.state = {
time: 0,
start: 0,
currentIndex: 0
};
this.setIndex = this.set
浏览 1提问于2020-10-22得票数 2
我有一个Card组件，它有4个潜在状态：“活动”、“选定”、“丢弃”、“完整”。根据状态，我需要显示一个不同的css类。
状态是通过单击卡的特定部分来设置的，每个部分都是一个“切换”(一次单击设置，另一次单击“取消”)：
"overlay-selected")if默认状态下，默认状态是活动的，如果用户单击卡，则选择( css类，我需要添加的是css类)，用户单击卡内的“丢弃”btn设置为“丢弃”( css类我需要添加的是“覆盖丢弃”)，如果用户单击它设置的卡内的“完全”btn以“完成”(css类需要添加的是“覆盖-完整”)。
状态存储在"App“级别，我通过道具将其传递
浏览 6提问于2022-12-03得票数 0
回答已采纳
3回答
我在jquery的replaceWith上放onclick事件时遇到了问题。我在第二个onclick事件上的函数不起作用。这是我的示例代码。
sample.html
<div id = "first_div" onClick = "replace()">First</div>
my.js
function replace() {
$('#first_div').replaceWith("<div id = 'sec_div' onclick='flyout('fb
浏览 0提问于2012-02-21得票数 0
回答已采纳
2回答
我需要帮助。我有这样的结构
<div class="buttons">
<p onclick="function1('param1')">button1</p>
<p onclick="function2('param2')">button2</p>
<p onclick="function3('param3')">button3</p>
</div>
此代码工程完美，但除此之外，我需要添
浏览 2提问于2012-04-20得票数 0
1回答
如何切换活动类的标签在反应？
、、、、
我做了两个按钮‘登录’和‘注册’。如果用户想登录或注册，我想在这些按钮上切换active类。这是密码。
const [buttonStatus, setButtonStatus] = useState('');
const buttonStatusHandler = () =>{
if(buttonStatus === ''){
setButtonStatus('active')
}
else{
setButtonStatus('')
}
}
JSX
<div className='button
浏览 7提问于2022-05-22得票数 0
回答已采纳
2回答
我是一个新的反应，当然，我面临着问题，我试图完成的事情是这样的。当这些组件中的任何一个被打开时，我想设置一个活动的类。我已经试过了，但它不起作用。因此，当这些div className='menu__iconsRight '处于活动状态时，我想为它们添加一个背景色。如果能帮上忙我会很感激。谢谢
const App = () => {
const[isStyleOpen, setIsStyleOpen]=React.useState(false)
const[isRectOpen, setIsRectOpen]=React.useState(true)
const
浏览 24提问于2021-02-22得票数 3
回答已采纳
下面的代码不起作用
<body>
<div id="demo"></div>
<input type="button" value="Click Here" onclick='()=>{document.getElementById("demo").innerText = "Hello World";}'>
<script type="text/javascript
浏览 1提问于2020-08-19得票数 1
回答已采纳
2回答
我有一个由ul li构建的菜单，每个菜单都有锚标签。Css应用于锚点和锚点:悬停，然而，我希望选定的项目显示，它是被选中的，改变了背景的不同颜色。锚:活动不起作用。
我正在尝试javascript，但是还没有成功。这可以通过css单独完成吗？我看过这么多的例子，但没有一个是正确的。
JAVASCRIPT
<script type="text/javascript">
function ChangeColor(obj) {
var li = document.getElementById(obj.id);
li.sty
浏览 0提问于2012-10-18得票数 0
回答已采纳
我的一个函数组件中有一个onClick事件：
import * as React from 'react';
const BreadCrumbs: React.SFC<{level: Array<string>, changeLevel: Function}> = ({level, changeLevel}) => {
return (
<div>
{
level.map(function(elem, i) {
return <span key={
浏览 15提问于2017-12-15得票数 0
回答已采纳
2回答
由于react路由器没有向链接或li的链接添加活动类，所以我希望将活动链接保持在我的菜单状态中。当我记录this.state.activeLink时，我得到了正确的值，但出于某种原因，类'activeLink‘没有添加到li中。为什么会这样呢？当我对isActive()进行日志记录时，它正确地返回了true或false，但是类仍然没有添加到li中。这里发生了什么事？
import React, { Component } from 'react';
import { Link } from 'react-router-dom';
import logo
浏览 6提问于2017-04-05得票数 0
回答已采纳
使用onclick时，如何替换按钮上的目标URL？
<div id="my_button" onclick="window.location.replace('/destination1')">Button<div>
所以看起来会是这样
<div id="my_button" onclick="window.location.replace('/destination2')">Button<div>
但是，下面的Javascript代码不起作用。为什么
浏览 11提问于2022-06-04得票数 1
回答已采纳
1回答
当我第二次点击我的导航栏时，点击的链接会更改为活动，而不是在第一次点击。知道为什么吗？它只在第二次单击后才能工作，但在此代码段中不起作用.如能在这方面提供任何帮助，将不胜感激.嗨，当我第二次点击我的肚脐时，点击的链接改变为活动的，而不是在第一次点击。知道为什么吗？它只在第二次单击后才能工作，但在此代码段中不起作用.如能在这方面提供任何帮助，将不胜感激.嗨，当我第二次点击我的肚脐时，点击的链接改变为活动的，而不是在第一次点击。知道为什么吗？它只在第二次单击后才能工作，但在此代码段中不起作用.如能在这方面提供任何帮助，将不胜感激.
function somethingSector() {
浏览 1提问于2020-05-21得票数 1
回答已采纳
2回答
在下面的代码中，我得到了一个错误，handleClick没有被定义。我尝试使用像onClick={this.handleClick}这样的东西，但它不起作用。如何访问下面给出的Lik的onClick事件的handleClick函数 const VerifyOTP = ({ UserProfile }) => {
const [timeLeft, setTimeLeft] = useState();
const [display, setDisplay] = useState(null);
const [input, setInput] = useStat
浏览 26提问于2021-08-07得票数 0
回答已采纳
我知道这是一个真正的新手问题，但这就是我！我一直在玩ajax，当我按下这两个按钮时，我可以交换这两个图像。
问:如何使按钮在显示相应图像的同时显示活动状态？
我确定我需要做一些事情，比如在图像上设置id，但除此之外，我不确定……
我的代码(我没有显示进行图像交换的ajax内容，因为我怀疑您也需要这样做)：
<div class="wrapper">
<div class="transcriptionbuttons">
<ul class="transcript">
<li class=
浏览 0提问于2010-01-30得票数 0
回答已采纳
我有显示/隐藏div而不是加载新页面的Javascript标签。标签页有一种能给人以悬停效果的风格。现在我想添加一个活动样式来匹配当前可见的div。
JAVASCRIPT在加载页面的版本中不起作用：
function setActive() {
aObj = document.getElementById('nav').getElementsByTagName('a');
for(i=0;i < aObj.length;i++) {
if(document.location.href.indexOf(aObj[i].href) >=
浏览 3提问于2012-07-11得票数 0
我想在另一个类中设置OnClick事件，这个类可以被两个不同的类(活动A和活动B)使用。
示例：
活动A
public class A extends Activity {
String sample = "Sample text";
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
TextView
浏览 2提问于2014-01-28得票数 0
回答已采纳
render() {
return (
<div>
<div
onClick={() =>
"FSR.launchFeedback('ax9sgJjdSncZWoES6pew6wMIyCgSXpC')"
}
/>
</div>
);
}
这不起作用，但是当这个dom加载到浏览器中，并且当我在类似的div中的onclick属性中添加"FSR.launchFeedback(
浏览 4提问于2019-08-18得票数 0
我是react.js的新手。你能帮助我在下面的代码中，我需要管理每个选项卡的状态？
state = {
selected: false
}
handleChange = () => {
this.setState({
selected: true
})
}
render (){
return (
<div>
<ul className={styles.tabsResultsTabs}>
<li onClick={this.handleCh
浏览 0提问于2019-05-18得票数 1
2回答
有一个图标显示call是活动的，它的类名为"callConnect“。当我悬停在图标上时，图标应该改变，新图标将是类名"callDisconnect“。
我只是写了一个代码片段，以显示我的实现，它不起作用：
我正在使用useRef和一个函数来更新
const hover = useRef(false)
const updateHoverState = (val: boolean) => {
hover.current = val
}
在我的组件中，我有一个将图标呈现为这样的方法：
<div onMouseOver={() => {
up
浏览 6提问于2022-02-15得票数 2
回答已采纳
1回答
<div id="element1" onclick="func();">1</div>
<div id="element2" onclick="func();">2</div>
<div id="element3" onclick="func();">3</div>
<div id="element4" onclick="func();">4</div>
<div
浏览 0提问于2012-11-18得票数 0
回答已采纳
1回答
我在for-循环中创建div元素，并希望分配每个div来使用他的id链接到/campaign页面。
我希望在div上点击转到“/选战/ id”页面，并将id传递给活动组件。
class Home extends Component{
...
async printCampaigns(){
const totalSupply = 5
const mainDiv = document.getElementById("myID")
for(var i = 0;i<totalSupply;i++){
浏览 3提问于2021-07-22得票数 1
回答已采纳
3回答
如何删除类活动。下面是我的代码，首先我找到id标记，然后是类，但这段代码不起作用：
function myFunction() {
var element1 = document.getElementById('grid3d');
var remove_class = 'active';
element1.className = element1.className.replace(' ' + remove_class, '').replace(remove_class, '');
}
.acti
浏览 0提问于2016-08-13得票数 0
回答已采纳
我有一个用css弹出框创建的牙周列表。
<div onClick={() => setActive("item-1")}} className="item"><h2>Item-1</h2></div>
.
.
.
<div onClick={() => setActive("item-6")}} className="item"><h2>Item-1</h2></div>
</div>
用于css
.horizo
浏览 3提问于2020-05-17得票数 1
回答已采纳
我有一个下面的问题，其中过滤器不能正常工作。根据下面的代码，我有一些数据显示在表中，我有一个状态列，即活动或非活动。我想根据活动或非活动状态筛选出表。因此，当我尝试根据Active进行过滤时，它正在工作，但由于表为空，因此对于Inactive状态不起作用。当我先尝试不活动，然后正确过滤出表时，同样的事情也发生了，但这一次在活动状态下不起作用，因为表为空。因此，它不会保留原始数据的状态。总的来说，我想在Active和Inactive状态之间切换。 import React, { useState } from "react";
const initialData = [
{
浏览 19提问于2021-10-17得票数 0
回答已采纳
1回答
我正在尝试在Next JS中显示和隐藏按钮上的div。
这篇文章对我帮助很大：
我在我的案例中使用了这个使用useState的解决方案，它工作得很好。不同的是，我有许多按钮，每个按钮都假设显示不同的div和隐藏活动的div。
这就是我正在努力实现的目标
export default function Header(){
const [showMe, setShowMe] = useState(false);
function toggle(){
setShowMe(!showMe);
}
return (
<>
浏览 28提问于2020-06-05得票数 1
2回答
我正在用Next.js制作语言转换程序。基本上有三种语言，点击后的语言应该将setToActive放在以前的活动语言中，而以前的语言应该放在新的活动语言的位置。我正在设置活动语言，但将先前的活动语言迁移到中学或高等教育的位置是个问题。任何建议都是非常感谢的。
import { useState } from "react";
import { IoMdArrowDropup, IoMdArrowDropdown } from "react-icons/io";
import { AiOutlineCheck } from "react-icons/ai&
浏览 9提问于2022-07-06得票数 1
回答已采纳
我有这样的代码：
html：
<div class="ui blue button" id="f{{i}}" onclick="Dailer()">Get this!</div>
返回：
<div class="ui blue button" id="f1" onclick="Dailer()">Get this</div>
当我使用JS时：
function Dailer() {
alert($(this).attr('id'
浏览 6提问于2015-03-26得票数 0
回答已采纳
4回答
我有一个面包屑组件，它映射到道具上，并呈现如下所示的芯片组件列表：
class BreadCrumb extends React.Component {
render () {
const {
steps,
activeIndex
} = this.props;
const chips = steps
.map((step,index) => {
return <Chip
key={index}
浏览 5提问于2019-12-06得票数 3
回答已采纳
我在javascript DOM中创建了一个空的div。但是当我对它调用某个函数时，例如，
var hover = document.createElement("div");
hover.className = "hover";
overlay.appendChild(hover);
hover.onClick = alert("hi");
onClick函数不起作用。相反，一旦到达脚本的div创建部分，它就会显示一个警告。我做错了什么？
浏览 0提问于2009-06-13得票数 4
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
