如何将一个函数用于多个项目 JEditable/JQuery

How to use one function for many items JEditable/JQuery

本文关键字：用于 项目 JEditable JQuery 函数 一个      更新时间：2023-09-26

我有一个简单的JS代码，可以使一个简单的字段可编辑：

<html>
<head>
    <script type="text/javascript" src="jquery-1.7.2.min.js"></script>
    <script type="text/javascript" src="jquery.jeditable.js"></script>
</head>
<body>
    <table border='1'>
    <div id="load-button" style="border:1px solid black; background-color:white;padding:5px;cursor:pointer;width:200px;text-align:center;border-radius:4px;">Load button</div>
    <b class="mouseover1" style="display: inline">mouseover me1</b>
    <b class="mouseover2" style="display: inline">mouseover me2</b>
    <script type="text/javascript" charset="utf-8">
        $(function() {
          $(".mouseover1").editable("echo.php", { 
              event     : "mouseover",
              style  : "inherit"
          });  
        });
    </script>
</body>
</html>

我对JS的了解非常少，我需要知道如何为鼠标悬停1字段和鼠标悬停2设置函数。谢谢。

使用选择器：

$(".mouseover1,.mouseover2")

或者最好使它们都属于同一类

相关文章：