(function ($) {jQuery.fn.extend({
$.fn.addMyTest = function (settings) {
settings = jQuery.extend({
myColor: "red",
myFont: "blue"
}, settings); function AddColorForThis() { $(this).css("background-color", mytest.myColor); }
});})(jQuery);
以上是自己写的JS文件
-----------------------------------------------------------------------------------
下面是html里代码
<script type="text/javascript" language="javascript">
$(document).ready(function () { $("#divShowExtend").addMyTest({}); });
</script>
<div id="divShowExtend">
ddfas</div>
但是前台调用的时候报错说 addMyTest 这个方法不存在。。是不是哪里写错了
求解
$.fn.addMyTest = function (settings) {
settings = jQuery.extend({
myColor: "red",
myFont: "blue"
}, settings); function AddColorForThis() { $(this).css("background-color", mytest.myColor); }
});})(jQuery);
以上是自己写的JS文件
-----------------------------------------------------------------------------------
下面是html里代码
<script type="text/javascript" language="javascript">
$(document).ready(function () { $("#divShowExtend").addMyTest({}); });
</script>
<div id="divShowExtend">
ddfas</div>
但是前台调用的时候报错说 addMyTest 这个方法不存在。。是不是哪里写错了
求解
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
(function ($) {
$.fn.addMyTest = function (settings) {
mytest = jQuery.extend({
myColor: "red",
myFont: "blue"
}, settings);
$(this).css("color", mytest.myColor);
}})(jQuery);</script>
<script type="text/javascript" language="javascript">
$(document).ready(function () { $("#divShowExtend").addMyTest(); });
</script>
<div id="divShowExtend">ddfas</div>