2012-04-15 63 views
0

我想写简单地通过选择不同的功能产生Twitter的引导风格元素的脚本。在这个例子中,我正在生成一个提交按钮。创建两个HTML元素和一个嵌套在其他使用jQuery

jQuery似乎允许渲染一个元素,但嵌套它们就像失败一样。

这种方法还有其他选择吗?

function renderButton(buttonText, buttonType, buttonName){ 
    if(buttonType == 'submit'){ 
     var $button = $('<input/>', { 
      'type' : 'submit', 
      'name' : buttonName, 
      'value' : buttonText, 
      'class' : 'btn submit' 
     }); 
    } 
    var $form_actions = $('<div/>', { 
     'class' : 'form-actions', 
     'text' : $button 
    }); 

    return $form_actions; 
}; 

renderButton('Go!', 'submit', 'buttonGo').insertAfter('#a'); 

回答

1

通过你在这里做它的时候:

var $form_actions = $('<div/>', { 
    'class' : 'form-actions', 
    'text' : $button 
}); 

return $form_actions; 

$按钮拥有jQuery的元素(不只是一堆的HTML)。它不会直接将它分配为text,但您可以像这样追加它:

var $form_actions = $('<div/>', { 
    'class' : 'form-actions' 
}); 

$form_actions.append($button); 

return $form_actions; 
+0

太好了,它可以工作。该解决方案是更优雅,因为我可以保持链接.append($ innerElement)。非常感谢 – 2012-04-15 16:35:17

相关问题