如何使用Wordpress使用jQuery UI?

我试图让jQuery UI对话框与WordPress一起使用。 我看到这篇文章(在Wordpress中使用jQuery UI对话框)我尝试了 解决方案,但它不适合我。 如果它很重要,我正在使用基于二十二主题的子主题。</ p>

我把它直接放在php中的wp_head()函数前面:</ p>
\ n

  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');
</ code> </ pre>

我注意到二十二主题或子主题实际上没有第三个脚本(template.js),但我 不要认为这会导致问题。</ em> </ p>

然后我在HEAD标签的底部添加了这个:</ p>

 &lt; script type =“text / javascript”&gt; 
$(“#markte_area”)。dialog({
autoOpen:false,
});

jQuery(document).ready(function($ ){
jQuery(“#markte_link”)。click(function(){
$(“#dialog”)。dialog(“open”);
return false;
});
}); //结束文档准备好
&lt; / script&gt;
</ code> </ pre>

我在加载页面时在错误控制台中收到以下错误:</ p>
\ n


错误:$不是函数</ strong> </ p>
</ blockquote>

发生这种情况的页面是这里是否可以帮助您诊断问题。 谢谢你的帮助!</ p>
</ div>

展开原文

原文

I am trying to get the jQuery UI Dialog to work with WordPress. I saw this post(Using jQuery UI dialog in Wordpress) and I attempted the solution but it is not working for me. In case it matters, I am using a child theme based on the twentyeleven theme.

I put this directly in front of the wp_head() function in php:

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' );

I noticed that the twentyeleven theme or the child theme doesn't actually have that third script(template.js), but I don't think that is causing the problem.

Then I added this at the bottom of the HEAD tag:

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

I get the following error in the Error Console when I load the page:

Error: $ is not a function

The page where this is occurring is here if that will help you diagnose the problem. Thanks for any help!

drjun1994
drjun1994 听起来像jQuery没有加载。Firebug将帮助诊断正在发生的事情。
大约 8 年之前 回复
douningzhi1991
douningzhi1991 我把它改成了jQuery,现在它说“jQuery(”#markte_area“)。对话框不是一个函数”
大约 8 年之前 回复
dqluw20882
dqluw20882 将$更改为jQuery并告诉我接下来会发生什么?
大约 8 年之前 回复

3个回答



在网络选项卡的firebug中观看您所包含的所有脚本,有时这是错误链接的403错误。 (在检查btw之前清除所有缓存)。</ p>

jQuery也能正常工作吗?</ p>
</ div>

展开原文

原文

watch all the scripts you're including, in the firebug in network tab, sometimes it's a 403 error for the bad links. (clear all your cache before the checking btw).

Also does jQuery working as is?

dongzhang2150
dongzhang2150 另外,我不喜欢你排队jquery-ui的方式。 我认为首选的方法是将标准WP定义为jquery-ui脚本,并使用插件重新定义它以使用Google库。 你现在这样做的方式是乞求一些插件进来并包含内置的WP版本的jquery ui并导致冲突破坏你的网站。
大约 8 年之前 回复
douw92892
douw92892 出于好奇,您是否尝试过禁用这个“wp-cycle”插件,我看到它也在用jQuery做一些事情? 通常当我看到这样的问题时,我要做的第一件事就是试着看看我是否可以将其缩小到与另一个插件的冲突。
大约 8 年之前 回复
douao1959
douao1959 我测试了jQuery是否正常工作,当我在jQuery点击功能中添加一个警报时,它可以工作。 我确实检查了Firebug上的网络选项卡,并注意到它看起来没有加载到jQuery UI的JS文件中,尽管它确实说它有16个请求。 我已将网址添加到正在发生的页面中,以便您可以更好地查看。 感谢您迄今为止的所有帮助!
大约 8 年之前 回复



我刚看了一下你的页面。 你正在加载jQuery.js而不是jQuery-ui.js。 这就是它无法正常工作的原因。</ p>

另外,请确保加载正确的jquery-ui.js,其中包含您需要的所有模块。</ p>
</ DIV>

展开原文

原文

I just took a look at your page. You're loading jQuery.js but not jQuery-ui.js. That is why it isn't working.

Also, make sure you're loading the correct jquery-ui.js, that includes all the modules you need.



  wp_enqueue_script('jquery-ui','http://ajax.googleapis.com/ajax/libs/jqueryui/  1.8.6 / jquery-ui.min.js',array('jquery'),'1.8.6'); 
</ code> </ pre>
</ div>

展开原文

原文

wp_enqueue_script('jquery-ui', 'http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/jquery-ui.min.js', array('jquery'), '1.8.6');

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问
相关内容推荐