试图让javascript小部件正常工作
我正在学习如何构建小部件,所以我从一个简单的小部件开始,当单击该小部件时,它会在您放置小部件的任何网站上发出警报,这是源网站中定义的一个函数。下面是源网站上的代码试图让javascript小部件正常工作,javascript,jquery,Javascript,Jquery,我正在学习如何构建小部件,所以我从一个简单的小部件开始,当单击该小部件时,它会在您放置小部件的任何网站上发出警报,这是源网站中定义的一个函数。下面是源网站上的代码 (function(){ var jQuery; if (window.jQuery==undefined || window.jQuery.fn.jquery!=='1.8.1'){ var script_tag=document.createElement('script'); script_tag.setAttribute("
(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");
});
});
}
})();
现在,这里是要放在任何网站上的小部件的代码
<script src="http://www.reflap.com/beta/assets/js/widget2.js"></script>
<a class="widget" href="#">Hey</a>
但当我点击嘿,什么都没发生。发生了什么?有人能帮我吗。尝试添加:
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
根据你的密码,我在这上面试过了
我希望这就是您想要的。更改$('.widget')。单击(函数(){alert(“Hey”);})
指向此$('.widget')。单击(函数(e){e.preventDefault();警报(“嘿”);})代码>您有权停止浏览器跟随链接