zoukankan      html  css  js  c++  java
  • 在一个页面重复使用一个js函数的方法

    1. 给每个拥有相同行为的问题DOM节点一个相同的class类,如question,同时给不同的问题一个不同的标识ID如 id="question1" id="question2"...诸如此。

    2. 给类.question绑定点击事件,在触发函数里面先判断当前点击的这个类的id,即可知道你要操作的是哪一个问题,然后调用你的那个伸缩函数即可。

    <!DOCTYPE html>
    <html>
    <head lang="en">
    <meta charset="UTF-8">
    <title>jQuery加法器</title>
    <script src="js/jquery-1.4.4.min.js" type="text/javascript" charset="utf-8"></script>
    <style>
    div {
     250px;
    height: 250px ;
    background-color: #337ab7;
    float:left;
    margin: 10px;
    }
    </style>
    </head>
    <script>
    $(function(){
    $(".question").click(function(){
    //获取问题ID
    var id = $(this).attr("id");
    //console.log(id)
    //...执行你的函数代码
    })
    })
    </script>
    <body>
    <div class="question" id="question1"></div>
    <div class="question" id="question2"></div>
    <div class="question" id="question3"></div>
    <div class="question" id="question4"></div>
    </body>
    </html>
  • 相关阅读:
    Splash wait() 方法
    Splash go() 方法
    Splash 对象方法
    短信接口文档
    WMS开发环境
    Eureka
    pom.xml settings.xml
    Druid
    EAI并发
    重启WMS服务
  • 原文地址:https://www.cnblogs.com/caojiayan/p/5945785.html
Copyright © 2011-2022 走看看