PHP函数中的Jquery-数字格式

Question

I'm trying to run a javascript/jquery code inside a PHP function in wordpress. Actually I found this code at this link: http://jsfiddle.net/fXrv2/

As you can see, it works perfectly. But it seems that something is missing in my final code bellow, because the text-field isn't able to auto complete the number format.

Any idea why is it not working?

    <?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

Since that JS is all client-side you're going to have more consistent results including that script completely separate from your PHP. If your theme already has a JavaScript file you can add it to that's great, or you can add it to a separate .js file and enqueue that file using wp_enqueue_scripts() .

Whichever way you choose you'll want to invoke it within document.ready() or on window load ( see the jQuery docs ) to make sure that the input element you're trying to select is available for the JS to find. In the JS fiddle you linked to it's set to use the JS onLoad and that likely makes all the difference over your current inline script.