PHP函數中的Jquery-數字格式

Question

我正在嘗試在wordpress的PHP函數中運行javascript / jquery代碼。 實際上，我在以下鏈接上找到了此代碼： http : //jsfiddle.net/fXrv2/

如您所見，它運行完美。 但是似乎在我的最終代碼中缺少某些內容，因為文本字段無法自動完成數字格式。

知道為什么它不起作用嗎？

    <?php

    function teste() {
        ?>

        <script type="text/javascript">
            $('input.number').keyup(function(event) {

                // skip for arrow keys
                if(event.which >= 37 && event.which <= 40){
                    event.preventDefault();
                }

                $(this).val(function(index, value) {
                    return value
                        .replace(/\D/g, "")
                        .replace(/([0-9])([0-9]{2})$/, '$1.$2')
                        .replace(/\B(?=(\d{3})+(?!\d)\.?)/g, ",")
                        ;
                });
            });
        </script>

        <input type="text" class="number">

        <?php
    }

Answer 1

由於該JS都是客戶端，因此您將獲得更一致的結果，包括該腳本與PHP完全分開。 如果您的主題已經有一個JavaScript文件，則可以將其添加到該文件中，也可以將其添加到單獨的.js文件中，然后使用wp_enqueue_scripts（）將其放入隊列 。

無論選擇哪種方式，都需要在document.ready（）或窗口加載時（ 請參閱jQuery docs ）調用它，以確保要選擇的輸入元素可供JS查找。 在鏈接到JS的小提琴中，將其設置為使用JS onLoad，這可能會與當前的內聯腳本產生很大的不同。