onclicklistener 相关问题

一个侦听器对象，它响应从输入设备（如鼠标）触发的“单击”事件

我正在使用 iwideo 脚本将背景视频添加到 div 元素。这很好用。现在我想实现通过单击由

onclicklistener mutation-observers

回答 1 投票 0

代码： $("#clicker").click(function () { 麦酒...</desc> <question vote="135"> <p>代码：</p> <pre><code><script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script> <script type="text/javascript"> $("#clicker").click(function () { alert("Hello!"); $(".hide_div").hide(); }); </script> </code></pre> <p>上面的代码不起作用。当我单击#clicker 时，它不会发出警报，也不会隐藏。我检查了控制台，没有发现任何错误。我还检查了 JQuery 是否正在加载，确实如此。所以不确定问题是什么。我还做了一个带有警报的文档准备功能，并且效果很好，所以不确定我做错了什么。请帮忙。谢谢！</p> </question> <answer tick="true" vote="220"> <p>您应该在 <pre><code>$(document).ready(function() {});</code></pre> 块中添加 javascript 代码。</p> <p>即</p> <pre><code>$(document).ready(function() { $("#clicker").click(function () { alert("Hello!"); $(".hide_div").hide(); }); }); </code></pre> <p>正如 <a href="https://learn.jquery.com/using-jquery-core/document-ready/" rel="noreferrer" title="jQuery documentation">jQuery 文档</a> 所说：“在文档“准备好”之前，无法安全地操作页面。jQuery 会为您检测到这种准备状态。<pre><code>$( document ).ready()</code></pre> 中包含的代码只会在页面文档对象模型 ( DOM) 已准备好执行 JavaScript 代码”</p> </answer> <answer tick="false" vote="101"> <p>我通过将 ON 与 $(document) 一起使用找到了解决此问题的最佳解决方案。</p> <pre><code> $(document).on('click', '#yourid', function() { alert("hello"); }); </code></pre> <p>对于 id 开头，请参阅下文：</p> <pre><code>$(document).on('click', 'div[id^="start"]', function() { alert ('hello'); }); </code></pre> <p>1 周后我终于不需要添加 onclick 触发器了。我希望这能帮助很多人</p> </answer> <answer tick="false" vote="25"> <p>您的代码可以在没有 document.ready() 的情况下工作，只需确保您的脚本位于#clicker 之后。查看此演示：<a href="http://jsbin.com/aPAsaZo/1/" rel="noreferrer">http://jsbin.com/aPAsaZo/1/</a></p> <p>准备好的概念中的想法。如果您确定您的脚本是页面中的最新内容或者位于受影响的元素之后，那么它将起作用。</p> <pre><code><!DOCTYPE html> <html> <head> <meta charset=utf-8 /> <title>JS Bin</title> </head> <body> <script src="https://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script> <a href="#" id="clicker" value="Click Me!" >Click Me</a> <script type="text/javascript"> $("#clicker").click(function () { alert("Hello!"); $(".hide_div").hide(); }); </script> </body> </html> </code></pre> <p><strong>注意事项：</strong> 在 <a href="/questions/tagged/jsbin" rel="tag" title="show questions tagged 'jsbin'">jsbin</a> 演示中，将代码中的 <pre><code>http</code></pre> 替换为 <pre><code>https</code></pre>，或使用此变体 <a href="https://output.jsbin.com/tetovusowo" rel="noreferrer">Demo</a></p> </answer> <answer tick="false" vote="6"> <p>尝试将 <pre><code>$(document).ready(function(){</code></pre> 添加到脚本的开头，然后添加 <pre><code>});</code></pre>。另外，<pre><code>div</code></pre>中是否有正确的id，即作为id，而不是类等？</p> </answer> <answer tick="false" vote="6"> <p>你必须用<pre><code>$(document).ready(function(){});</code></pre>包装你的Javascript代码，看看这个<a href="http://jsfiddle.net/7s3yB/" rel="noreferrer">JSfiddle</a>。</p> <p><strong>JS代码：</strong></p> <pre><code>$(document).ready(function() { $("#clicker").click(function () { alert("Hello!"); $(".hide_div").hide(); }); }); </code></pre> </answer> <answer tick="false" vote="3"> <p>确保按钮上没有任何东西（例如 div 或透明 img）阻止单击按钮。这听起来很愚蠢，但有时我们认为 jQuery 不起作用，所有这些问题都出在 DOM 元素的定位上。 </p> </answer> <answer tick="false" vote="3"> <p>您可以使用 <pre><code>$(function(){ // code });</code></pre>，当文档准备好执行该块内的代码时执行。</p> <pre><code>$(function(){ $('#clicker').click(function(){ alert('hey'); $('.hide_div').hide(); }); }); </code></pre> </answer> <answer tick="false" vote="2"> <p>快速检查一下，如果您使用的是客户端模板引擎（例如handlebars），您的js将在document.ready之后加载，因此不会有任何元素可以绑定事件，因此要么使用onclick处理程序，要么在身体并检查当前目标 </p> </answer> <answer tick="false" vote="0"> <h3>正确的浏览器重新加载</h3> <p>快速检查一下您是否单独保存 js 文件：确保正确重新加载资源。浏览器通常会缓存文件，因此只需确保您加载的资源中之前的拼写错误已得到纠正。</p> <p>请参阅<a href="https://superuser.com/a/406331">此答案</a>，了解 Chrome/Chromium 中永久禁用缓存的信息。否则，您通常可以使用 <kbd>Ctrl</kbd>+<kbd>F5</kbd> 或 <kbd>Shift</kbd>+<kbd>F5</kbd> 强制完全重新加载，如<a href="https://superuser.com/a/89811">此答案</a>中所述。</p> </answer> <answer tick="false" vote="0"> <p>两个代码片段之间的不同行为与单击事件如何绑定到页面上的元素以及事件委托的概念有关。如果您的 HTML 是动态生成的，您需要将代码更改为：</p> <pre><code>$(document).on('click', 'clicker', function() { alert("Hello!"); $(".hide_div").hide(); }); </code></pre> </answer> </body></html>

javascript jquery onclick click onclicklistener

回答 0 投票 0

如何点击带有 aria 标签的按钮？

我正在尝试使用赛普拉斯测试框架自动单击按钮。源代码是用 React 编写的，我尝试单击的元素是一个带有伪代码的按钮。这是 HTML ...

reactjs frontend cypress onclicklistener e2e-testing

回答 3 投票 0

如何使用 Cypress 自动化点击 aria 标签？

我正在尝试使用 cypress 自动化框架来自动化按钮单击功能。应用程序源代码是用 React.js 编写的，我尝试单击的元素是一个带有

reactjs automation frontend cypress onclicklistener

回答 3 投票 0

有没有一种简单的方法可以在 vis.js 中的节点双击上创建超链接/javascript 操作？

在 vis.js 中定义节点，http://visjs.org/network_examples.html，如下所示：变量节点 = [ {id: 1, 标签: '节点1'}, {id:2, 标签:'节点2'}, {id:3, 标签:'Node3'}, {id：4，标签：'Node4'}...

javascript angularjs onclicklistener vis.js

回答 3 投票 0

由 ArrayAdapter 管理的 ListView 中 ImageView 的 onClickListener

我有一个 ListView，其中内容由自定义 ArrayAdapter 处理。我使用的布局有一个 TextView 和一个 ImageView。布局： <

android listview onclicklistener

回答 6 投票 0

React - 创建自定义过滤器

我已经从技术上创建了我想要通过下拉选择字段实现的功能，用于选择用于按类别和品牌过滤产品列表的过滤器。我已经构建了以下

javascript reactjs filter onclicklistener

回答 1 投票 0

如何将数据从recyclerview适配器传递到fragment？

当在回收器视图中单击时，我试图将数据从适配器传递到片段。我已经实现了点击侦听器，但无法将数据传递到片段，也无法在内部获取传递的数据

android android-recyclerview fragment bundle onclicklistener

回答 1 投票 0

与 Angular 中的日历组件交互时，如何防止点击外部事件关闭过滤器组件？

我正在开发一个 Angular 应用程序，其中有一个过滤器组件，可以根据外部点击事件切换其可见性。这按预期工作，但当有日历时我遇到问题

angular typescript calendar onclicklistener closest

回答 1 投票 0

通过不同的点击控制jQuery元素

描述我有一个包含主题和布局选项的屏幕外元素。另外，我有一个复选框滑块元素，允许显示屏幕外元素。我正在使用 jquery 来...

jquery jquery-events onclicklistener

回答 1 投票 0

如何将 ActionListener 放在使用 Jbuttons ArrayList 创建的 JButton 上

我试图弄清楚如何在我从 JButton 的 arrayList 创建的 JButton 上有一个动作监听器。这是按钮的数组列表：公共静态 ArrayList myTests;...

java arraylist jbutton actionlistener onclicklistener

回答 1 投票 0

如何在 Svelte 中删除并重新添加点击侦听器？

点击这里有时我希望 div 可点击，有时则不然。如何按需删除和添加点击侦听器？这是工作...

onclick svelte onclicklistener

回答 1 投票 0

使用单击事件监听器添加和删除类

我正在使用 CSS 制作叠加层，但需要一个 onclick 事件来更改类的内容。我在登录表单下制作了一个注册表单。点击注册后，注册表格类

javascript forms dom overlay onclicklistener

回答 1 投票 0

Android Activity 启动时崩溃

我不明白为什么当我尝试更改 Activity 时我的应用程序崩溃。这是清单文件：我不明白为什么当我尝试更改时我的应用程序崩溃了Activity。这是清单文件： <?xml version="1.0" encoding="utf-8"?> <manifest xmlns:android="http://schemas.android.com/apk/res/android" package="com.example.android.testsubject"> <application android:allowBackup="true" android:icon="@mipmap/ic_launcher" android:label="@string/app_name" android:supportsRtl="true" android:theme="@style/AppTheme"> <activity android:name=".MainActivity"> <intent-filter> <action android:name="android.intent.action.MAIN" /> <category android:name="android.intent.category.LAUNCHER" /> </intent-filter> </activity> <activity android:name=".SecondActivity"/> </application> 这是 MainActivity 文件： package com.example.android.testsubject; import android.content.Intent; import android.support.v7.app.AppCompatActivity; import android.os.Bundle; import android.view.View; public class MainActivity extends AppCompatActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); } private void switchTo1(View view){ Intent intentTo2 = new Intent(MainActivity.this, SecondActivity.class); startActivity(intentTo2); } } SecondActivity 文件： package com.example.android.testsubject; import android.os.Bundle; import android.view.View; public class SecondActivity extends MainActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.second_activity_layout); } public void switchTo2(View view){} } activity_main.xml 文件： <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:id="@+id/activity_main" android:layout_width="match_parent" android:layout_height="match_parent" android:paddingBottom="@dimen/activity_vertical_margin" android:paddingLeft="@dimen/activity_horizontal_margin" android:paddingRight="@dimen/activity_horizontal_margin" android:paddingTop="@dimen/activity_vertical_margin" android:orientation="vertical" android:gravity="center_horizontal" tools:context="com.example.android.testsubject.MainActivity"> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="This, is screen 1" android:layout_marginBottom="16sp" /> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Here we go to the second screen" android:onClick="switchTo1" /> </LinearLayout> second_activity_layout.xml 文件： <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="match_parent" android:layout_height="match_parent" android:padding="16sp" android:gravity="center_horizontal" android:background="#FFFF00"> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="This, is screen 2" android:layout_marginBottom="16sp" /> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Here we go to the first screen" android:onClick="switchTo2" /> </LinearLayout> switchTo1(View view) 具有 private 访问修饰符，无法在类外部访问。做到了public： public void switchTo1(View view) private void switchTo1(View view){} 将其更改为公共以允许从班级外部访问

java android onclicklistener access-modifiers

回答 2 投票 0

如何在我的适配器 Firestore Recyclerview 上正确设置 setOnClickListener

我需要在我的适配器中为我的RecyclerView（firestore）设置一个setonclick侦听器，我要在点击时显示的活动是RestaurantDetails，我需要点击餐厅卡并被引导到...

java android google-cloud-firestore onclicklistener

回答 1 投票 0

在ChartJS中点击图表坐标获取X，Y

如何通过 ChartJS V > 2.0 中的 onClick 事件获取相对于图表的 X、Y 坐标？以这个 JSFiddle 为例。在#canvas 中创建了一个散点图。当点击中心时...

javascript onclick click chart.js onclicklistener

回答 3 投票 0

使用jQuery点击事件删除WordPress中特定的类属性值

我试图让 onclick 在单击时删除 .active 类，但它不起作用？选择了触发器类来移除活动类，但它没有做任何事情？我期待 .active cl...