如何在WordPress中使用内联JavaScript

How to use inline JavaScript in WordPress

本文关键字：JavaScript WordPress      更新时间：2023-09-26

我正在尝试在WordPress中创建一个弹出窗口。我的弹出窗口打开了，但取消和发送按钮不起作用。

这是我的脚本和代码：

脚本

<script type="text/javascript" charset="utf-8">
    $(function() {
        function launch() {
             $('#sign_up').lightbox_me({centered: true, onLoad: function() { $('#sign_up').find('input:first').focus()}});
        }
        $('#try-1').click(function(e) {
            $("#sign_up").lightbox_me({centered: true, preventScroll: true, onLoad: function() {
                $("#sign_up").find("input:first").focus();
            }});
            e.preventDefault();
        });
        $('table tr:nth-child(even)').addClass('stripe');
    });
</script>

这是我的形式

<a href="#" id="try-1" class="sprited"><div class="call"></div></a>
<div id="sign_up">
    <h3 id="see_id">Request a call Back</h3>
    <div id="sign_up_form">
        <form id="form1" name="form1" action="../mail.php" method="post" >
            <label><strong>Name :</strong> <input class="sprited"/></label>
            <label><strong>Mobile No :</strong> <input class="sprited"/></label>
            <div id="actions">
                <input type="button" name="cancel" value="Cancel" class="close form_button sprited" />
                <input type="button" name="send" value="Send" class="form_button sprited" />
            </div>
        </form>
    </div>
    <a id="close_x" class="close sprited" href="#">close</a>
</div>

不要使用内联 JavaScript。按照 rosscower 的建议，将你的 javascript 添加到 js 文件中。您现在需要正确排队。不要只是将其转储到标题中。这里还需要考虑条件语句来加载你的jquery文件，如果你只需要在某个页面上加载它，你需要有条件地加载它，否则这将加载到所有页面上。

例如，你调用了你的js文件myjs.js，你把它添加到一个名为js的文件夹中，并且只想在主页上加载它，你会做这样的事情

function register_my_js() {
if(is_home()) {
 wp_enqueue_script( 'my-script',   get_template_directory_uri() . '/js/myjs.js',    array(), '', true );
 }
}
 add_action( 'wp_enqueue_scripts', 'register_my_js' );
相关文章：