はJQプラグイン

Question

内の要素を作成することはできません私は、入力とボタンで簡単なJQ Pluginを構築しようとしている：

(function ($) { 
    var methods = { 
     init: function (options) { 
      var settings = $.extend({ 
       'label': 'File' 
      }, options); 

      return this.each(function() { 
       var $this = $(this); 
       $this.append = $('<label>' + settings.label + ':</label>'); 
       $this.append = $('<input type="text" id="textInput">'); 
       $this.append = $('<button>browse..</button>'); 
      }); 
     } 
    }; 

    $.fn.openFileDialog = function (method) { 
     // Method calling logic 
     if(methods[method]) { 
      return methods[method].apply(this, Array.prototype.slice.call(arguments, 1)); 
     } else if(typeof method === 'object' || !method) { 
      return methods.init.apply(this, arguments); 
     } else { 
      $.error('Method ' + method + ' does not exist on jQuery.openFileDialog'); 
     } 
    }; 
})(jQuery); 

私もdocument.createElement()を使用して要素を作成しようとしました。どちらの場合も、ターゲット要素の内部には何も作成されません。私はここで何が欠けていますか？

Answer 1

• デモ：多分http://jsbin.com/otemac

？

$this.append('<label>' + settings.label + ':</label>'+'<input type="text" id="textInput">'+'<button>browse..</button>'); 

OR

$('<label>' + settings.label + ':</label><input type="text" id="textInput"><button>browse..</button>').appendTo($this);