0

私はウィジェットの作成方法を学んでいるので、ソース Web サイトで定義された関数である、ウィジェットを配置した Web サイトでクリックするとアラートが表示される単純なウィジェットから始めました。ソースWebサイトのコードは次のとおりです

(function(){
var jQuery;

if (window.jQuery==undefined || window.jQuery.fn.jquery!=='1.8.1'){
var script_tag=document.createElement('script');
script_tag.setAttribute("type", "text/javascript");
script_tag.setAttribute("src","http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js");

if(script_tag.readyState){
script_tag.onreadystatechange=function(){
    if(this.readyState=='complete' || this.readyState=='loaded'){
    scriptLoadHandler();
    }
    };
}else{
    script_tag.onload=scriptLoadHandler;
    }
    (document.getElementsByTagName("head")[0] || document.documentElement).appendChild(script_tag);
}else{
jQuery=window.jQuery;
main();
}

function scriptLoadHandler(){
jQuery=window.jQuery.noConflict(true);
main();
}

function main(){
$(document).ready(function($){
    $('.widget').click(function(){
    alert("Hey");
    });
});
}
})();

これは、任意の Web サイトに配置するウィジェットのコードです。

<script src="http://www.reflap.com/beta/assets/js/widget2.js"></script>
<a class="widget" href="#">Hey</a>

しかし、Heyをクリックしても何も起こりません。どうしたの？誰かがここで私を助けてくれますか。

4

1 に答える 1

0

追加してみてください：

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>

あなたのコードに、私はこのJFIddleでそれを試しました

これがあなたが探しているものであることを願っています。

于 2013-07-04T21:56:37.813 に答える