类别归档：JavaScript

JavaScript是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言。

RSS feed of JavaScript

jQuery事件重复绑定示例及解决方法
作者是 发布于 在 JavaScript.

jQuery嵌套事件绑定时，如果逻辑处理不当，有时会出现事件重复绑定的问题，例如下面的例子。

点击“添加文本框”按钮时，会在div中新增一个textarea，同时使用bind方法为class为demo-textarea的元素绑定click事件

jQuery事件重复绑定Demo，点击“新增文本框”按钮追加textarea
点击textarea弹出提示，重复添加时会重复绑定 ...

继续阅读

jQuery Raty星级评分插件使用方法
作者是 发布于 在 JavaScript.

使用jQuery Raty，可以很方便的在页面上嵌入一个评分组件，如下所示：

继续阅读

IE浏览器select标签绑定click事件修改自身属性点击异常
作者是 发布于 在 JavaScript.

IE浏览器select标签绑定click事件，修改自身属性时，点击select弹出下拉列表时会出现异常行为。

例如下面的select标签，绑定click事件，在使用IE浏览器访问时，点击select标签弹出下拉列表后会迅速隐去。使用chrome，firefox等浏览器时正常。

继续阅读

my97DatePicker时间控件使用方法简介
作者是 发布于 在 JavaScript.

My97DatePicker是一款十分不错的日期时间控件。

将My97DatePicker整个目录包,放入项目的相应目录下

My97DatePicker目录下各文件的作用:

 My97DatePicker目录是一个整体,不可破坏里面的目录结构,也不可对里面的文件改名,可以改目录名

各目录及文件的用途:

  • WdatePicker.js 配置文件,在调用的地方仅需使用该文件,可多个共存,以xx_WdatePicker.js方式命名
  • calendar.js 日期库主文件,无需引入
  • 目录lang 存放语言文件,可以根据需要清理或添加语言文件
  • 目录skin 存放皮肤的相关文件,可以根据需要清理或添加皮肤文件包

 可以根据自己的需要,删除不必要的皮肤和语言文件

该控件的使用方法相对比较简单，引用WdatePicker.js之后，通过WdatePicker（）即可弹出日期控件，效果如下所示。

<- 点我弹出日期控件

上例代码如下：

<input class ...

继续阅读

Highlightjs 添加代码行号
作者是 发布于 在 JavaScript.

Highlightjs是一款优秀的代码高亮Js组件，可以很方便地对各种语言编写的代码添加语法高亮样式。

然而，Highlightjs默认是不包括显示代码行号（Line Number）这一特性的，不过可以通过简单的JS代码和CSS样式表实现对Highlightjs的行号显示功能。

参考博文链接：syntax-highlighting-with-highlightjs

Javascript代码：


//numbering for pre>code blocks
$(function(){
    $('pre code').each(function(){
        var lines = $(this).text().split('\n').length - 1;
        var $numbering = $('<ul/>').addClass('pre-numbering');
        $(this)
            .addClass('has-numbering')
            .parent()
            .append($numbering ...

继续阅读