Question

我在jsfiddle中使我的jQuery正常工作。但是，由于dom，它在我的实际应用中不起作用。

我是新手，我想我可能会使用错误的语法或什么？

Here's my jsfiddle，请注意，如果您选择domready但不包装它会有效..我真的很困惑

这是实际的代码：

$curr = $('#first');

$(document).ready(function () {
   $('.next').click(function () {
    $curr.hide();
    $curr = $curr.next();
    $curr.show();
});
});

$(document).ready(function () {
$('.previous').click(function () {
    $curr.hide();
    $curr = $curr.prev();
    $curr.show();
  });
});

Answer 1

请尝试使用此代码：

jQuery(document).ready(function ($) {
    $curr = $('#first');

    $('.next').click(function () {
        $curr.hide();
        $curr = $curr.next();
        $curr.show();
    });

    $('.previous').click(function () {
        $curr.hide();
        $curr = $curr.prev();
        $curr.show();   
    });
});

Answer 2

试试这个：

$(document).ready(function () {
   $curr = $('#first');

   $('.next').click(function () {
      $curr.hide();
      $curr = $curr.next();
      $curr.show();
   });

   $('.previous').click(function () {
      $curr.hide();
      $curr = $curr.prev();
     $curr.show();

   });
});

在您的情况下不需要多个document.ready事件：）

在jQuery语法中声明变量

2 个答案: