Question

我有一个包含在JQuery对话框中的tinyMCE的textarea。

以下是我创建此内容的方法：

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的width属性。

我试过了

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

和

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

但它们都不起作用。

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

Answer 1

试试这个

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

Answer 2

您需要删除标记，执行：

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

Answer 3

尝试将width参数添加到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);
        }
    };

JQuery和textarea width：css（）方法

3 个答案: