javascript
  • jquery
  • plugins
  • 2014-02-05 64 views 1 likes 
    1

    我写了一个jQuery插件作为一个表单元素,我想在mysite中重用。表格没有动态创建

    (function ($) { 
        $.fn.create = function() { 
         var form = '<div id="form" class="container">'; 
         form += '<div>User Login</div>'; 
         form += '<form action="/create" method="post">'; 
         form += '<input type="text" name="name" placeholder="name">'; 
         form += '<input type="email" name="email" placeholder="email">'; 
         form += '<button type="submit">Login</button>'; 
         form += '</form>'; 
         form += '</div>'; 
         return this.append(form); 
        }; 
    }(jQuery)); 
    

    在HTML视图,

    <div id="#newForm"></div> 
    
    <script> 
    $(document).ready(function(){ 
        $("#newForm").create(); 
    }); 
    </script> 
    

    但是,窗体不会被渲染到#newForm

    +0

    http://stackoverflow.com/questions/6964927/how-to-create-a-form-dynamically-via-javascript – Puvanarajan

    回答

    6

    您在目标div的ID为#,去掉前缀#,它应该很好

    <div id="newForm"></div> 
    

    演示:Fiddle

    +0

    哦真棒!感谢捕捉! – guest

    相关问题