2012-07-09 32 views
0

我有一个textarea与tinyMCE包含在JQuery对话框中。JQuery和textarea的宽度:css()方法

这里是我创造了这个:

tinyMCE.init({ mode: 'none', });  
var paragraphDialog = $('#paragraph_dialog');  
$('<textarea/>').attr('id', 'txt_paragraph'); 
txtAreaParagraph = $('<textarea/>');  
paragraphDialog = $('<div/>').attr('id', 'paragraph_dialog'); 
txtAreaParagraph.appendTo(paragraphDialog); 

paragraphDialog.dialog({ 
    height: 300, 
    width: 800, 
    modal: true, 
open: function() 
    { 
    if ($('#txt_paragraph_parent', $(this)).length == 0) 
     { 
     var ddd = {mode:'none'}; 
     txtAreaParagraph.tinymce(ddd); 
     } 
    }; 

现在,我想设置textarea的宽度属性。

我已经试过

$('<textarea/>').css('width', '700px'); 

$('<textarea/>').css('width', '700'); 

但他们没有工作。

非常感谢您对我的问题提供的帮助。

回答

1

试试这个

txtAreaParagraph = $('<textarea/>'); 
txtAreaParagraph.css('width', '700px'); 
+0

太好了,就是这样。完美的作品。 Thanky很多。 – 2012-07-09 08:27:56

0

您需要删除的标签,这样做:

$('textarea').css('width', '700'); 
+0

谢谢你的答案ftom2,但这并没有改变我的问题,我已经尝试过,但没有任何改变。 – 2012-07-09 08:12:35

0

尝试添加宽度参数的tinyMCE.init功能,像这样。

tinyMCE.init({width: "800", mode: 'none', });  
var paragraphDialog = $('#paragraph_dialog');  
$('<textarea/>').attr('id', 'txt_paragraph'); 
txtAreaParagraph = $('<textarea/>');  
paragraphDialog = $('<div/>').attr('id', 'paragraph_dialog'); 
txtAreaParagraph.appendTo(paragraphDialog); 

paragraphDialog.dialog({ 
    height: 300, 
    width: 800, 
    modal: true, 
open: function() 
    { 
    if ($('#txt_paragraph_parent', $(this)).length == 0) 
     { 
     var ddd = {width: "800", mode:'none'}; 
     txtAreaParagraph.tinymce(ddd); 
     } 
    };