-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();
});

解決方法はありますか？

4

3 に答える 3

0

これを試して

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-13T05:51:02.400 に答える
0

追加してみてください：

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

編集：

フィドルhttp://jsfiddle.net/4NVnG/を参照してください

于 2013-03-13T05:52:11.720 に答える
-1

これを行うための最速/最も安全な方法は CSS を使用することであり、これは最終的に jQuery が行っていることです:

select, input {
    text-transform: capitalize;
}

問題は、選択および入力用の HTML が jQuery で選択できるようになった後で、jQuery 関数を起動する必要があることです。これは、jQuery を使用してダイアログでの選択と入力を活用するには、ダイアログが開いた後にのみ実行できることを意味します。純粋な CSS を使用する場合、テキストがいつ表示されるかは問題になりません。

于 2013-03-13T05:50:58.713 に答える