Question

我目前正在使用javascript和jquery处理小部件。现在我要创建一个小部件按钮，单击该按钮时，将开始与id与小部件相关联的人聊天。在主网站上，它只是对功能的调用，但是使用小部件我不知道该怎么做，因为我无法从其他网站调用我的功能。

我已经阅读了一些关于创建jquery小部件的教程，但是我还没有完全掌握它们，因为教程教授的内容似乎是从主机服务器检索数据并不是真的我的本意。他们还引用了JSON的使用，我还没有完全掌握，因为看起来JSON是一种显示对象和字符串的方式。

无论如何，我需要一些如何实现这一目标的指导。

到目前为止，这是我放下的内容：

 (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() {
         jQuery(document).ready(function ($) {
             var homeURL = 'http://www.reflap.com/';

             var css_link = $("<link>", {
                 rel: "stylesheet",
                 type: "text/css",
                 href: homeURL + "assets/widget.css"
             });

             var $container = ('#mywebsite-container');
             css_link.appendTo('head');

             $.getJSON(homeURL + 'assets/js/anonymous.js', function (response) {
                 $container.append(response.html);
             });

         });

     }
 })();

NEW EDIT

这是我之前尝试过的。

有问题的功能是呼叫聊天，它需要3个参数。

所以我的第一个小部件看起来像这样

<script src="http://www.mydomain.com/chatter.js"></script><a href="#"        

onclick="Chatter.chat('1','user', null)" id="chat-widget">Chat now</a>

但这不起作用。

尝试使用jquery和javascript构建一个小部件

0 个答案: