ajax css文件,wordpress 添加JS,css文件,实现AJAX效果

本文介绍了如何在WordPress中添加JS文件以实现AJAX效果。首先,在PHP文件中引入JS,并在functions.php中创建一个方法加载JS。然后,在需要实现AJAX效果的页面中使用jQuery代码。通过jQuery.extend避免与WordPress内置的jQuery冲突,实现点击事件的AJAX加载。文章还解释了使用$符号的限制和解决方法。
摘要由CSDN通过智能技术生成

一,我的问题

我想在wordpress里面添加一个JS文件,实现在一个ajax效果,我在网上找了一个插件,AJAX wordpress发现在不好用,就没有用了。下面我就以本BLOG里面的,收藏和分享为例子。说一下我是怎么添加果文件的。

二,添加JS文件

1),在你要加载JS的那个php文件里面加上这个

2),在wp-content/themes/你的主题/functions.php里面加个一个方法

function jquery_extend() {

$wp = get_bloginfo('wpurl');

$url = $wp."/wp-includes/js/jquery/jquery.extend.js";

print('

');

}

这样在wordpress里面就成功加载了JS了,你可以在firefox里面看一下源码,就可以看到了。如果不加这个FUNCTION的话会报错的。其实你可以在wordpress里面找到这种用法的,如果你有时间的话,

wp-content/themes/default/functions.php里面有一个function kubrick_theme_page_head() 照这个方法抄就行了

三,实现在ajax效果

1)我在我要实现的AJAX效果的那个页面里面添加

jQuery(".akst_share_link").each(function(){

jQuery(this).showneedthing();

});

注意:这里面不能用$这个符号,这个jquery不识别,为什么呢?因为wordpress自带的jquery.js最后带了这句话jQuery.noConflict();

以下是jquery.extend.js的内容,很简单

(function($){

$.fn.extend({

showneedthing:function(){

var self = this;

var init = function() {

$(self).click(function() {

$('#akst_social').remove();

array =($(self).attr("needth")).split(',');

ask_id = "akst_link_"+array[0];

$.post("***/***/connect.php",{url:array[1],title:array[2]},function(data){

$(data).prependTo($('#'+ask_id).parent());

left = document.getElementById(ask_id).offsetLeft-70;

top =document.getElementById(ask_id).offsetTop+document.getElementById(ask_id).clientHeight-240;

$('#akst_social').css({left:left,top:top}).show();

$('#akst_social').find('a').css("color","blue");

});

});

}

init();

}

});

})(jQuery);

在这里我为什么能用$这个符号呢,因为(function($)我已经重新定义,或者叫负值了一下,你不用$你可用%这个也可以。依个人习惯来设

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值