大寫對話框彈出窗口

-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

大寫對話框彈出窗口

回答

相關問題