日期:2014-05-16  浏览次数:20366 次

对象内部事件的引用方法是什么

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<style>
</style>
<script type="text/javascript">
$(document).ready(function() {
b_ft();//构造一个表
});
function b_ft(){
ft1= new myfreetable(document.getElementById('freeTableDiv'), "300","100%","自由表格")
}
function myfreetable(htmlObject,height, width,str){
this.height=height;
this.width=width;
this.is_edit_mode=true;
  var t=htmlObject;
  //构建标题栏位
  var c_title=document.createElement('div');
c_title.className="c_title";
var p=document.createElement('p');
p.innerHTML=str;
$(c_title).append(p);
$(t).append(c_title);
//构建工具条
var c_tb=document.createElement('div');
c_tb.className="c_toolsbar";
$(t).append(c_tb);
this.toolsbar= new _creat_toolsbar(c_tb);
}
myfreetable.prototype.cilck_b=function(str){
   alert (str);
   $(".c_title p").innerHTML=str; //修改标题的内容, 这里使用CLASS引用不妥会影响别的同类对象
   // 应该如何引用次对象的标题??
}
function _creat_toolsbar(htmlObject){
  var c_tb=htmlObject;
  for (var i=1; i<4;i++){
    var bt1=document.createElement('input');
    bt1.type="button";
    bt1.value="按钮"+i;
    bt1.className="toolsbar_bott";
    bt1.name=i;
    $(bt1).click(function () {
      cilck_b(this.name);  //这个无效
    });
    $(c_tb).append(bt1);
 } 
}
</script>
<html>
<body>
<div id="freeTableDiv"></div>
</body>
</html>


想要的效果是 点按钮1 就把 标题变为1 点按钮2 就把标题变成2.
不知道如何绑定 按钮的click 时间. 和如何引用本对象的标题栏
JavaScript 对象 click事件 引用

------解决方案--------------------