易截截图软件、单文件、免安装、纯绿色、仅160KB

在 Wordpress 插件中使用 Javascript(jQuery) 脚本

    有了前面的一篇文章《在 Wordpress 插件中使用样式表》,则本节《在 WP 插件中使用 Javascript》就好描述,也容易理解的多了。
    1,插件的文件夹结构与前文相同。插件完成的功能前文已经述及,本节将加一个功能,当在文字上点击时,弹出一个窗口。本节示例也在前文示例的基础上开发。
    本节的 JS 脚本放置在 js 文件夹下,文件名 script.js,内容如下:
    jQuery(document).ready(function(){
    //---------------
      jQuery("#myalert").click(function()
      {
        alert("Hello, Wordpress and JQuery!");
      });
    //---------------
    });
    2,完整代码及其解释
    本节还介绍了另一种往文章中加入 CSS 代码的方法,使用了 wp_print_styles 这个 API 事件,与 wp_register_style 和 wp_enqueue_style 函数配合,是更合乎标准的用法。
    加入 JS 脚本的代码,与 CSS 很相似,本节以加入一段 JQuery 脚本为例。不熟悉 jQuery 的朋友可以先去学习以下 jQuery,以在代码中使用其强大的功能。
    WP 插件中加入 JS 脚本的代码,也有 2 种方法,当然最好也是使用 wp_print_scripts API 配合 wp_register_script 和 wp_enqueue_script 为推荐的方法。
    除过几个函数和部分代码有少许的差别外,插件的结构与上节一样,可以参照阅读。
    代码执行的结果,就是在页面的 head 部分添加了以下 JS 代码:
    <script type='text/javascript' src='http://……/wp-includes/js/jquery/jquery.js?ver=1.3.2'></script>
    <script type='text/javascript' src='http://……/wp-content/plugins/test-css-js/js/script.js?ver=20100405'></script>
    本例的完整代码如下,关键代码有注释:
    <?php
    /*
      Plugin Name: Test_CSS_JS
      Plugin URI: http://www


相关文档:

学习《JavaScript高级程序设计》学习笔记(一)

      进入新的项目组后,发现自己的功力差远了,他们写的javaScript代码我很多都看不懂,现在我做java前端开发,javaScript是非常重要的,现在我决定重新拾起《JavaScript高级程序设计》学习,成为一个javaScript能手。
      看完第一章我到还是搞不明白DOM的意思。 ......

JavaScript中访问C#变量及方法

1.如何在javascript访问C#变量
方法一:使用<%=%>
 <input id="Button3" type="button" value="js调用c#变量" onclick="return Button3_onclick()" />
function Button3_onclick()
{        
    alert('我的名字:'+ '<%=name %>'); ......

Javascript和AS相互交互调用 Re

一个公用类:flash.external.ExternalInterface;
该类有两个相关方法:
1、调用javascript函数;
ExternalInterface.call(´js函数名´[,以逗号隔开的多个参数]);
其中js函数名为在javascript中申明的函数名称,
传递的参数可以是as中任何类型的数据,这些参数将被自动转换成js变量;
2、注册js中可用的回 ......

JavaScript判断浏览器类型及版本

你知道世界上有多少种浏览器吗?除了我们熟知的IE, Firefox, Opera, Safari四大浏览器之外,世界上还有近百种浏览器。
       几天前,浏览器家族有刚诞生了一位小王子,就是Google推出的Chrome浏览器。由于Chrome出生名门,尽管他还是个小家伙,没有人敢小看他。以后,咱们常说浏览器的&ld ......

JavaScript中的Static overflow at line

今天在学习Bom时遇到了一个错误:
Static overflow at 7
错误原因:自定义了一个 scrollTo(),与系统window.scrollTo()冲突,以致引起死循环,此错误在弹出错误框,而在FF下没有反应,但function也不执行。另外<img src="" onerror=""/>也可能出现这种情况。详细请参考:http://www.cnblogs.com/S.Sams/archive/200 ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号