关于jquery插件里值传递问题
我要实现的效果如下,就是点击链接显示点击对象的文本
我想改成参数调用形式,在jquery插件引入一个参数,然后调用,但是显然下面的代码运行不了,如何改下下面的代码实现上面的效果
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=7" />
<title> new document </title>
<meta name="author" content="" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript">
(function($){
$.fn.myTest = function(options)
{
var defaults = {
d : "text"
}
var config = $.extend(defaults,options);
this.click(function()
{
alert("default : " + $(this).text());
return false;
})
}
})(jQuery);
$(function()
{
$(".test").myTest();
})
</script>
</head>
<body>
<a href="#" class="test">xxx</a> - <a href="#" class="test">yyy</a>
</body>
</html>
我想改成参数调用形式,在jquery插件引入一个参数,然后调用,但是显然下面的代码运行不了,如何改下下面的代码实现上面的效果
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=7" />
<title> new document </title>
<meta name="author" content="" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript">
(function($){
$.fn.myTest = function(options)
{
var defaults = {
d : "text"
}
var config = $.extend(defaults,options);
this.click(function()
{
alert("default : " + config.d);
return false;
})
}
})(jQuery);
$(function()
{
$(".test").myTest({d:$(this).text()});
})
</script>
</head>
<body>
<a href="#" class="test">xxx</a> - <a href="#" class="test">yyy</a>
</body>
</html>
...全文
相关推荐
jquery分页插件jquery.pagination.js实现无刷新分页
兼容性问题:可能需要处理不同浏览器对AJAX的支持问题,以确保无刷新分页功能在所有主流浏览器上正常工作。
强大实用的jQuery日期时间选择器集合插件
在这个插件中,jQuery用于处理用户与日期时间选择器的交互,如点击、滑动等操作,以及将选定的日期时间值传递到后台。Bootstrap则是这款插件的视觉框架。
c#vs2010 窗体间值传递
总结来说,"c#vs2010 窗体间值传递"是一个涵盖多个技术点的主题,包括C#窗体间的通信方式、权限设计原则、软件架构设计、前端库jQuery的使用,以及测试策略。
JavaScript的jQuery库中function的存在和参数问题
本篇文章将深入探讨jQuery中关于函数的存在和参数问题,包括如何传递参数以及如何检测一个jQuery方法是否已经定义。首先,我们来讨论函数参数的传递。
浅谈Django前端后端值传递问题
### Django前后端值传递详解在现代Web开发中,前后端分离已经成为了一种常见的开发模式。在这种模式下,前端负责用户界面与交互逻辑,而后端则处理业务逻辑和数据存储等任务。


