Question

我正在尝试在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>

Answer 1

不要使用内联javascript。根据rosscower的建议，将您的javascript添加到js文件中。您现在需要enqueue正确。不要只是将其转储到标题中。你还需要在这里考虑conditional statements来加载你的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' );

如何在WordPress中使用内联JavaScript

1 个答案: