Layui? ???? ??? ??? ???? ????? ???? ??

???? ???? ?? ?? ? ?? ????? ??? ???? ??? ???? ?? ??? ??? ???? ???. Layui? ???? ? ???? ??? ???? ? ??? ?? ???? ?? ??? ?? ??? ??? ???? ?? ?? ?? ??? ?? ????????. ? ????? Layui? ???? ??? ??? ???? ????? ???? ??? ???? ???? ?? ??? ?????.

?? ????? ??? ?? ??? ???? ???. Layui ?? ???? ?? ?????? ???? ??? ? ???, ??? ? ? ?? ??(layui.js,layui.css ?)? ???? ? ?? ????? ????? ???.

????, HTML ??? ?? ??? ?? ???? ??? ???? ?? ??? ?????. ? ??? ????? Layui? ?? ?? ??? ??? ? ????. ?? ??? ??? ????.

<div class="layui-form" id="language-form">
    <div class="layui-inline">
        <label class="layui-form-label">語言切換：</label>
        <div class="layui-input-inline">
            <select name="language" lay-verify="required" lay-filter="language">
                <option value="zh">中文</option>
                <option value="en">English</option>
                <!-- 其他語言選項 -->
            </select>
        </div>
    </div>
</div>

? ????? select ??? ???? ??? ????,lay-verify ??? ?? ??? ??? ????, ???? ??.

???? ?? ?? ??? ???? ?? JavaScript ??? ???? ???. ?? ??? ??? ????.

layui.use(['form', 'element'], function(){
    var form = layui.form;
    var element = layui.element;

    // 監(jiān)聽語言切換的選擇事件
    form.on('select(language)', function(data){
        var language = data.value;

        // 根據(jù)選擇的語言加載不同的語言包
        if(language === 'zh'){
            // 加載中文語言包
            layui.config({
                base: 'js/layui/lang/',
                version: true
            }).extend({
                lang: 'zh'
            });
        }else if(language === 'en'){
            // 加載英文語言包
            layui.config({
                base: 'js/layui/lang/',
                version: true
            }).extend({
                lang: 'en'
            });
        }
    });
});

? ????? ???? ? ??? ?? ??? ?????. form.on ???? ?? ?? ?? ?? ???? ??, ??? ??? ?? ?? ?? ???? ?????.

????? ??? ?? ??? ?? ?? ? ??? ???? ???. ???? ??? ?? ?? ?? zh.js ? en.js ??? ????. ?? ??? ??? ????.

zh.js:

layui.define([], function(exports) {
    exports('zh', {
        hello: '你好',
        world: '世界'
    });
});

en.js:

layui.define([], function(exports) {
    exports('en', {
        hello: 'Hello',
        world: 'World'
    });
});

? ? ?? ? ???? ??? ??? ???? ??? ??? ?-? ?? ???? ??? ???? ??layui.define ???? ?????.

? ??? ?? Layui? ???? ??? ??? ???? ????? ??? ? ????. ???? ?? ??? ???? ????? ??? ???? ???? ?? ?? ???? ?????.

??: ??? ??? ???? ????? ? ?? ??? ??? ???? ??? ???? ??? ??? ? ????. Layui? ???? ??? ????? ???? ?? ?? ??? ??? ?? ??? ? ????. Layui ?? ??? ????, ?? ??? ?? ???? ??? ????, JavaScript ??? ?? ? ??? ?????? ??? ??? ???? ????? ?? ??? ? ????.

? ??? Layui? ???? ??? ??? ???? ????? ???? ??? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!