0

我目前正在使用 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);
             });

         });

     }
 })();

新编辑

这是我之前尝试过的。

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

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

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

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

但这不起作用。

4

0 回答 0