3

我正在尝试让 jQuery UI 对话框与 WordPress 一起使用。我看到了这篇文章（在 Wordpress 中使用 jQuery UI 对话框），我尝试了解决方案，但它对我不起作用。万一这很重要，我正在使用基于 211 主题的子主题。

我把它直接放在 php 中的 wp_head() 函数前面：

function frontporch_enqueue_scripts() {
        if (!is_admin() ) {
            wp_enqueue_script( 'jquery' );
            wp_register_script( 'google-jquery-ui', 'http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/jquery-ui.min.js', array( 'jquery' ) );
            wp_register_script( 'jquery-template', get_bloginfo('template_directory').'/js/jquery.template.js',array('jquery'),version_cache(), true);
            wp_register_style( 'jquery-style', 'http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/themes/smoothness/jquery-ui.css', true); 
            wp_enqueue_style( 'jquery-style' );
            wp_enqueue_script( 'google-jquery-ui' );
            wp_enqueue_script( 'jquery-template' );
        }       
    }   
    add_action( 'init', 'frontporch_enqueue_scripts' );

我注意到第二十一主题或子主题实际上并没有第三个脚本（template.js），但我认为这不会导致问题。

然后我在 HEAD 标签的底部添加了这个：

<script type="text/javascript">
$( "#markte_area" ).dialog({
    autoOpen: false,    
});

jQuery(document).ready(function($){
    jQuery( "#markte_link" ).click(function() {
        $( "#dialog" ).dialog( "open" );
        return false;
    }); 
}); //end document ready
</script>

加载页面时，我在错误控制台中收到以下错误：

错误：$ 不是函数

如果这将帮助您诊断问题，那么发生这种情况的页面就在这里。谢谢你的帮助！

4

3 回答 3

0 
wp_enqueue_script('jquery-ui', 'http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/jquery-ui.min.js', array('jquery'), '1.8.6');
于 2013-11-04T09:58:54.893 回答
0

我刚刚看了你的页面。您正在加载 jQuery.js 但不是 jQuery-ui.js。这就是为什么它不起作用。

此外，请确保您正在加载正确的 jquery-ui.js，其中包括您需要的所有模块。

于 2012-08-05T22:11:43.997 回答
0

观看您包含的所有脚本，在网络选项卡中的萤火虫中，有时它是错误链接的 403 错误。（顺便说一句，在检查之前清除所有缓存）。

jQuery 也按原样工作吗？

于 2012-08-05T10:29:12.987 回答