大写对话框弹出窗口

-1

我有一个网页，打开一个对话框，下面的代码大写对话框弹出窗口

function addcustomer() { 
    $.ajax({ 
     url: "customers.php", 
     async:true, 
     success: function(data){ 
      $('#pop').html(data).dialog({ 
       width: 420, 
       height: 630, 
       modal:true, 
       draggable:false, 
       resizable:false, 
       title:'Customer', 
       buttons: { 
        Cancel: function(){ 
         $(this).dialog("close"); 
        }, 
        Submit: function(){ 
         $("#frmcustomer").submit(); 
        } 
       } 
      }); 
     } 
    }); 
}

当我打开的对话框中，我想所有的输入和选择资本。我试过了：

select, input { text-transform: capitalize }

但它只在点击对话框中的任何地方后才起作用。它在第一次打开时不会大写任何控件，我也试过：

$(document).ready(function(){ 
    $("select,input,textarea").uniform(); 
    $('select, input').capitalize(); 
});

任何想法如何解决？

来源

2013-03-13 Digital fortress

？我无法在Chrome上重现它：http://jsfiddle.net/WKMrm/是否有其他脚本干扰？您可能需要显示您加载到弹出窗口中的内容。 – JJJ 2013-03-13 06:27:17

尝试切换到不同的浏览器，看看问题是否出现在其他地方。您也可以使用jQueryUI在http://jsfiddle.net上提供工作示例。 – 2013-03-13 06:30:32

好吧，我忘了这个浏览器问题，它在Firefox上运行良好，但它导致safari和chrome同样的问题！ – 2013-03-13 06:38:57

试试这个

CSS

.capitalize { 
    text-transform: capitalize; 
}

jQuery的

success: function(data){ 
     $('#pop').html(data).dialog({ 
     ....... 
     open: function(event, ui) { 
      $(data).find('select, input').addClass('capitalize'); 
      //or ui.find('select, input').addClass('capitalize'); 
     } 
     ........

来源

2013-03-13 05:51:02 bipen

在打开对话框之前尝试大写是一个好主意，但它仍然不起作用 – 2013-03-13 06:17:27

仍然存在'但它只在单击对话框中的任意位置后才起作用。 '？ – bipen 2013-03-13 06:23:07

是的，我试着在这个页面上的所有答案，没有什么改变，它仍然大写后，我点击对话框上的任何地方 – 2013-03-13 06:25:17

-1

做到这一点的最快/最安全的方法是使用CSS，这是最终什么jQuery是这样做的：

select, input { 
    text-transform: capitalize; 
}

的问题是，jQuery的函数具有HTML的选择和投入火后对于jQuery的选择可见。这意味着要使用jQuery对对话框中的选择和输入进行大写操作，只能在对话框打开后执行此操作。如果您使用纯CSS，则出现文本时无关紧要。

来源

2013-03-13 05:50:58

这正是我正在做的，但它不工作 – 2013-03-13 06:10:26

@Digitalfortress，你可能需要提供一个例子。许多人提供相同的答案不能错。我只是用jQueryUI对话框自己测试它，它按预期工作。您可以使用http://jsfiddle.net和jQueryUI提供示例。 – 2013-03-13 06:17:47

所有的例子都假设没有大写字母出现，事实上只有在弹出对话框 – 2013-03-13 06:19:36

尝试增加：

$('select, input').css('text-transform', 'capitalize');

编辑：你使用的浏览器

见小提琴http://jsfiddle.net/4NVnG/

来源

2013-03-13 05:52:11 Rockafella

大写对话框弹出窗口

回答

相关问题