2012-06-25 65 views
0

我有做一個簡單的現場編輯簡單的JS代碼:如何使用一個功能對於很多項目JEditable/JQuery的

<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的知識是非常小的,我需要知道我可以爲mouseover1字段和mouseover2設置函數。謝謝。

回答

1

使用選擇:

$(".mouseover1,.mouseover2") 

或更好的讓他們都在同一類

+0

你是男人 – user1477886

相關問題