正在尝试使用javascript小部件
Trying to get a javascript widget to work
本文关键字:javascript 小部 更新时间:2023-09-26
我正在学习如何构建小部件,所以我从一个简单的小部件开始,当点击它时,它会在你放置小部件的任何网站上提醒Hey,这是源网站中定义的函数。这是源网站上的代码
(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>
根据你的代码,我在这个JFIddle 上试过了
我希望这就是你想要的。
相关文章:
- 我需要帮助查找我的JavaScript小游戏中的错误(三个我没有得到的错误)
- 将变量从PHP移动到Javascript小部件
- 做了一个javascript小实验,需要你的帮助才能理解意外的结果
- I'我试图在网页中添加一个javascript小片段,但它只是在页面上显示代码
- 使用javascript小部件对php进行字符集编码
- 如何在灯箱中打开JavaScript小部件照片2
- 创建可抓取的跨域 JavaScript 小部件
- 创建一个使用其他 js 库的可嵌入 JavaScript 小部件
- 谷歌可以抓取由JavaScript小部件附加的HTML内容吗?
- 获取 ImpactStory JavaScript 小部件渲染到 R Shiny 应用程序中的表格单元格
- 如何使用 AngularJS 构建供公众使用的 JavaScript 小部件
- 将 CSS 添加到 Javascript 小部件
- javascript小部件与php构建2d数组
- 嵌入式 iframe/javascript 小部件中的安全性
- Javascript小部件跨域身份验证
- OOP概念到Javascript小部件中
- Javascript小部件无法在Sharepoint web部件中工作
- Javascript小部件库
- 正在尝试使用javascript小部件
- 测试是否存在javascript小部件