Question

我有两个具有不同ID的div（#washing，#bleaching）。如何为不同的ID使用函数。我尝试将两个ID一起添加$("#washing, #bleaching")，但该功能在div上无法正常工作。

以下是代码：

$(function() {
    $("#washing").paginate({
        count: 10,
        start: 1,
        display: 7,
        border: true,
        border_color: '#fff',
        onChange: function(page) {
            $('._current', '#paginationdemo').removeClass('_current').hide();
            $('#p' + page).addClass('_current').show();
        }
    });
});

Answer 1

$（“＃washing，＃freaching”）似乎是正确的。

检查是否有任何错误被抛出。此代码块可能已被跳过。
假设没有错误。你能试试这个：

$（function（）{ $（“＃washing，＃freaching”）。addClass（'testclass'）。paginate（{ //与你给出的相同 }）; }）;

代码与您编写的代码几乎相同，但我在分页调用之前添加了addClass调用。检查是否添加了类名。如果是，那么问题不在于$ method，而在于必须与paginate方法有关。

Answer 2

为两个div提供相同的类名并用作

 $(function() {
    $("div.class_name").paginate({
        count: 10,
        start: 1,
        display: 7,
        border: true,
        border_color: '#fff',
        onChange: function(page) {
            $('._current', '#paginationdemo').removeClass('_current').hide();
            $('#p' + page).addClass('_current').show();
        }
    });
});

Answer 3

您的多选择器语法是正确的。但问题是#paginationdemo是一个单一元素。如何使用单个寻呼机对两个div进行分页。使paginationdemo成为CSSClass选择器并将其附加到parentdiv

Multiple Selectors in jQuery

Answer 4

$（ '＃洗涤，＃漂白，＃DIV3'）隐藏（）;

示例：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JQUERY: Same function for multiple elements</title>
<?php
# jquery
include_once("latest_jquery.php");
?>
<!-- Page Script -->
<script type="text/javascript">
$(function(){
    $('#washing,#bleaching,#div3').hide();
});
</script>
</head>
<body>
<h2>jQuery: Using the same function for different elements</h2>
<h4>Test: hide these divs</h4>
div 1:
<div id="washing" style="border:solid 1px; height:20px;"></div>
div 2:
<div id="bleaching" style="border:solid 1px; height:20px;"></div>
div 3:
<div id="div3" style="border:solid 1px; height:20px;"></div>
</body>
</html>

如何使用不同的div ID调用相同的函数？

4 个答案: