Javascript 我总是得到相同的html

我需要一些帮助，我正在尝试用javascript生成一些html，但总是得到相同的结果，这是我的javascript代码

var datePickerHTML = function(id){
    var html = "<div id='"+id+"' class='ui-datepicker'>";
    html += "Hello World, my ID is "+id;
    html += "</div>";
    return html;
}

var UhmaCalendar = function(config){
    var dpID = 'dp'+config.inputField;
    this.dpID = dpID;
    jQuery('#'+config.inputField).after(function(){
      return datePickerHTML(dpID);
});
    jQuery('#'+config.btn).click(function(){
          jQuery('#'+dpID).toggle('slow');
    }
}

这是两个不同的输入和按钮，但它们总是显示相同的div和相同的文本，id我用firebug检查html，只创建了一个div，我想要两个div和不同的id 我也试着用

new UhmaCalendar({
    btn : 'sartday_pick',
    inputField : 'startday'
});

但同样，我在这里做错了什么 谢谢

您忘记了

返回htmldatePickerHTML

中的code>

使用最新的编辑，我无法重现错误。有关正确工作的演示，请参阅。

您忘记了

返回htmldatePickerHTML

中的code>

---

使用最新的编辑，我无法重现错误。有关正确工作的演示，请参阅。

很难判断错误，所引用的代码是不可解析的。一些可能有用的注释：

var datePickerHTML = function(id){
    var html = "<div id='"+id+"' class='ui-datepicker'>";
    html += "Hello World, my ID is "+id;
    html += "</div>";
    // Should probably have `return html;` here
}

var UhmaCalendar = function(config){
    this.dpID = 'dp'+config.inputField;
    jQuery('#'+config.inputField).after(function(){
      return datePickerHTML(dpID);
                         // ^-- This symbol is undefined, and != `this.dbID`
    });
    jQuery('#'+config.btn).click(function(){
          jQuery('#'dpID).toggle('slow');
                 // ^-- syntax error (and `dbID` is undefined here too)
    } // <-- Missing `);` here
}

var datePickerHTML=函数（id）{
var html=“”；
html+=“你好，世界，我的ID是”+ID；
html+=“”；
//应该在这里使用'return html；'
}
var UhmaCalendar=函数（配置）{
this.dpID='dp'+config.inputField；
jQuery（'#'+config.inputField）.after（function（）{
返回日期PickerHTML（dpID）；
//^--此符号未定义，并且！=`This.dbID`
});
jQuery（“#”+config.btn）。单击（函数（）{
jQuery（'#'dpID）.toggle（'slow'）；
//^--语法错误（此处也未定义“dbID”）
}//很难说是什么错，引用的代码是不可解析的。一些可能有用的注释：

var datePickerHTML = function(id){
    var html = "<div id='"+id+"' class='ui-datepicker'>";
    html += "Hello World, my ID is "+id;
    html += "</div>";
    // Should probably have `return html;` here
}

var UhmaCalendar = function(config){
    this.dpID = 'dp'+config.inputField;
    jQuery('#'+config.inputField).after(function(){
      return datePickerHTML(dpID);
                         // ^-- This symbol is undefined, and != `this.dbID`
    });
    jQuery('#'+config.btn).click(function(){
          jQuery('#'dpID).toggle('slow');
                 // ^-- syntax error (and `dbID` is undefined here too)
    } // <-- Missing `);` here
}

var datePickerHTML=函数（id）{
var html=“”；
html+=“你好，世界，我的ID是”+ID；
html+=“”；
//应该在这里使用'return html；'
}
var UhmaCalendar=函数（配置）{
this.dpID='dp'+config.inputField；
jQuery（'#'+config.inputField）.after（function（）{
返回日期PickerHTML（dpID）；
//^--此符号未定义，并且！=`This.dbID`
});
jQuery（“#”+config.btn）。单击（函数（）{
jQuery（'#'dpID）.toggle（'slow'）；
//^--语法错误（此处也未定义“dbID”）
}//引用的代码中有几个错误使其无法解析。因此，您得到的任何答案都可能有点偏离目标。例如，
jQuery（'#'dbID）
是一个语法错误（还有几个非语法错误）.你的其他八个问题没有一个得到可接受的答案？没有？是的，我收到了非常好的回答，但是，这与我的问题有关？在每个答案开头的左侧都有一个大的空复选标记。如果你的问题得到了回答/解决/无论什么，请单击回答/解决它的答案旁边的复选标记指出问题已成功回答（并赞扬给出答案的人）。如果有多个答案可以解决您的问题，请选择其中最好的答案（并向上投票）。如果您得到三个完全相同的答案来解决您的问题，请选择第一个。引用的代码中有几个错误使其无法解析。因此，您得到的任何答案都可能有点偏离目标。例如，
jQuery（'#'dbID）
是一个语法错误（还有几个非语法错误）.你的其他八个问题没有一个得到可接受的答案？没有？是的，我收到了非常好的回答，但是，这与我的问题有关？在每个答案开头的左侧都有一个大的空复选标记。如果你的问题得到了回答/解决/无论什么，请单击回答/解决它的答案旁边的复选标记指出问题已成功回答（并赞扬给出答案的人）。如果有多个答案可以解决您的问题，请选择其中最好的答案（并向上投票）.如果你得到了三个完全相同的答案来解决你的问题，那么就选择第一个。虽然答案是正确的，但它并不能解释他的症状（他确实从中得到了一些东西）.引用的代码太乱了，很难判断出可能的错误…我要修复我的帖子，我忘了把它放在这里，但我的代码是正确的，但请再次阅读我的帖子，这不是problem@Kstro21：那么请修复所有语法错误。很难从一些模糊的症状和错误的代码中猜出错误。修复了代码，我只是想t要为Different Behavior生成具有Different id的div，@Kstro21:“只想使用Different id生成div，然后我可以给出一个Different Behavior”，这正是KennyTM的示例所做的，并进行了演示。虽然这是真的，但并不能解释他的症状（他确实得到了一些东西）.引用的代码太乱了，很难判断出可能的错误…我要修复我的帖子，我忘了把它放在这里，但我的代码是正确的，但请再次阅读我的帖子，这不是problem@Kstro21：那么请修复所有语法错误。很难从一些模糊的症状和错误的代码中猜出错误。修复了代码，我只是想t要为different behavior生成具有different id的div，@Kstro21:“只需生成具有different id的div，然后我就可以给出一个different behavior”这正是KennyTM的例子所做的，并演示了。我得到了相同的结果，主要问题是，如果一个调用UhmaCalendar函数一次，它工作得很好，但是如果我调用它两次，我希望它创建两个不同的div，但只创建了一个，代码越低，你是否尝试了代码，很简单，请尝试并给出一些northi g同样的结果，主要的问题是，如果一个调用UhmaCalendar函数一次，它就工作得很好，但是如果我调用它两次，我希望它创建两个不同的div，但只创建了一个，代码越低，您是否尝试过代码，很简单，请尝试并给出一些提示
var datePickerHTML = function(id){
    var html = "<div id='"+id+"' class='ui-datepicker'>";
    html += "Hello World, my ID is "+id;
    html += "</div>";
    return html; // tjc
}

var UhmaCalendar = function(config){
    var dpID = 'dp'+config.inputField; // tjc
    this.dpID = dpID; // tjc
    jQuery('#'+config.inputField).after(function(){
      return datePickerHTML(dpID);
    });
    jQuery('#'+config.btn).click(function(){
          jQuery('#'+dpID).toggle('slow'); // tjc
    }); // tjc
}