2012-04-09 33 views
0

要實現一個多語言的網站,我有使用XML和jQuery的想法。每種語言的一個xml文件,充當所有網站標籤的持有者。我創建了一個名爲「nl.xml」測試XML文件:jQuery的XML多語言的想法

<?xml version="1.0" encoding="UTF-8"?> 
<resource> 
<language name="nl"> 
<label id="yes">ja</label> 
<label id="no">nee</label> 
</language> 
</resource> 

我創建了一個HTML文件以下JavaScript:

<html> 
    <head> 
    <title></title> 
    <script src="jquery-1.4.4.min.js"></script> 
    <script type="text/javascript" language="javascript"> 
    $(function() {  
    var language = 'nl';  
    $.ajax({   
    url: 'nl.xml',   
    success: function(xml) {    
    $(xml).find('label').each(function(){ 
    var id = $(this).attr('id'); 
    var text = $(this).find(label).text(); 
    $("." + id).html(text);    
    });   
     }  
    }); 
    }); 
    </script> 
    </head> 

,並希望看到的值:

'div class="no">no</div>' 
'div class="yes">yes</div>' 

每個DIV這也分佈在兩個不同的文件改變,但需要 一些建議得到這個工作更好,因爲這個當前的代碼不工作。這個想法是訪客下載xml文件,其中包含網站和網頁的所有標籤。

回答

0

你想要'看到每個div的值也分佈在兩個不同的文件中改變',你是什麼意思?我真的不知道你的意思。

success: function(xml) {    
    $(xml).find('label').each(function(){ 
     var id = $(this).attr('id'); 
     var text = $(this).text(); 
     $('.some_element').append('<div class="'+id+'">'+text+'</div>');    
    });   
} 

這會發現在你的XML每<label id="">,它通過追加到一個特定的元素轉換爲您的文檔中的<div class="">