javascript - 单击 div 时运行函数

标签 javascript jquery html css

<分区>


想要改进这个问题? 更新问题,以便 editing this post 可以用事实和引用来回答它.

关闭 9 年前

我有两个 div,我试图在每次单击 div 时为它们添加选项,出现警告。这是我正在使用的 javascript 代码。

$('.pre').click(function() {
    alert("Pre");
});

$('.back').click(function() {
    alert("back");
});

这是我正在使用的 HTML

<div class="lb_controls">
  <div id="pre"><span class="lb_previous">&lt;</span></div>
       <span class="lb_title">Ornamental Lights</span>
  <div id="back"><span class="lb_next">&gt;</span></div>   
</div>

目前我有一个演示。这是here

我想知道这是否是最好的方法,而不是让两个 div 更好地用于图像?你怎么看?

提前致谢

最佳答案

您正在使用 ID 但指向 JS 中的 Classes

JS:

$('#pre').click(function() {
    alert("Pre");
});

$('#back').click(function() {
    alert("back");
});

关于javascript - 单击 div 时运行函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23556274/

上一篇:CSS:Div 跨越 2 个其他 div

下一篇:javascript - 如何应用css所有起始元素相同的元素?

相关文章:

html - Bootstrap 按钮覆盖

javascript - 如何从字符串调用 CommonJs 模块中的函数

javascript - 运行电子邮件正则表达式测试 - .test() 不是函数

javascript - Vuejs : where should I place some common js util in a vue-router SPA?

jquery - 页脚没有停留在页面底部

javascript - 如何用 Angular + Masonry 修复重叠的砖 block ?

html - 我的导航栏不会居中并一直向右或向左移动

javascript - 更改 div 的可见性

javascript - 所有浏览器都可以使用正则表达式处理多行搜索吗?

php - 在 php 中使用的 ajax json 响应数组