Question

我有两个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它应该更好地用于图像？你觉得怎么样？

提前致谢

Answer 1

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

JS：

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

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

Answer 2

您正在使用班级选择器。但“前”和“后”是id

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

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

Answer 3

如果你正在使用这样的课程..

<强>标记：

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

<强>使用Javascript：

使用班级：

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

使用ID：

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

单击div时运行函数

3 个答案: