Question

我有一个div，当用户点击这个div调用appendchild（）函数时。这是html代码

<div onclick="appendchild()">click me !</div>

这是我的jQuery代码

$(document).ready(function () {
    function appendchild() {
        //do something with jquery  
    }
});

我将其转换为此代码

jQuery(document).ready(function () {
    (function ($) {
        $(function () {
            function appendchild() {
                //do something with jquery  
            }
        });
    })(jQuery);
});

但那不起作用请告诉我如何在jQuery noConflict（）中定义我的函数。

Answer 1

jsfiddle：http://jsfiddle.net/69Nua/

使您的HTML像这样

<div class="clickme">click me !</div>

然后您可以$(document).on绑定click事件

$(document).on("click", ".clickme", function () { 
    $(this).append("<span> hello </span>");
});

或者如果您真的喜欢功能架构。然后你可以做以下

$(document).on("click", ".clickme", function () { 
    appendchild($(this));
});

function appendchild(element)
{
    $(element).append("<span> hello </span>");
}

对于Jquery NoConflict（）

  var jq = $.noConflict();
   jq(document).ready(function () {
       jq(document).on("click blur change onmouseover", ".clickme", function () { // you can put as many event you want inside this ...
           appendchild($(this));
       });
   });

更多关于Jquery.noConflict（）here

用户在noConflict mod中用jQuery定义函数

1 个答案: