Tag: 插件

Jquery插件没有处理ajaxed内容

我有一些内容，我使用jquery ajax加载。 内容附加了jquery插件（例如模式框）。 我的问题是，因为ajaxed内容不是原始dom的一部分，所以它没有应用插件。 如何将插件应用于ajaxed内容??? 有没有我可以重新初始化插件???

jQuery插件 – 这是一个好习惯吗？

嘿， 我正在读几周的js，jquery和dom，但今天我读了一个教程 ，其中他使用插件来延迟和轻松。 使用插件是一个好习惯吗？ 除此之外： delay.js代码在四到五行之间完成。 也许我们也可以写它。 请帮我理解一下。 谢谢。

Javascript jQuery插件渲染问题

这是我的问题。 这里有一个漂亮的插件http://lab.smashup.it/flip/翻转了一些东西。 我设法实现它，但由于一些奇怪的原因我只得到动画渲染的前半部分，第二部分只是不可见（或隐藏）然后它跳到最后。 为了让事情变得更有趣，一切都在某些时候工作正常，但突然之间没有。 我当然尽可能地回溯到事情好的时候，同样的问题又回来了。 我似乎无法找到问题的根源。 如果有人可以通过测试插件并告诉我他们是否设法获得完整的动画来帮助我。 对于我的HTML我基于插件演示页面的源代码来确保，但无济于事。 Test#0935 // Load jQuery google.load(“jquery”, “1”); $(function() { $(“#id1”).bind(“click”, function() { $(“#flipo”).flip({ direction: “bt” }) return false; }); }); #flipo { width:100px; height:70px; background-color:lightblue; margin:20px; } left 对于那些认识到这个问题的人，我确实试图避免发布新post，直到我被建议这样做，因为没有人在阅读旧post。 我还标记了我的删除初始post。

在从网络摄像头捕获的网页中显示图片

我正在使用jquery-webcam-plugin （不熟悉jQuery）。 我想在网络摄像头拍照，并希望立即在同一网页上显示该图片，可能用网络摄像头拍摄的图像替换一些默认图像，没有任何服务器通信，这可能吗？ 如果可能请建议。 如果从网络摄像头捕获的图像是本地保存的，我可以使用该图像路径吗？ 我正在使用以下代码（以及相关的API /插件）： // this is the interface to webcam, registers webcam function showWebcam(){ $(“#camera”).webcam({ width: 320, height: 240, mode: “callback”, swffile: “jscam_canvas_only.swf”, quality: 85, onCapture: function () { }, onTick: function () {}, onSave: function () {}, onLoad: function () {}, debug: function(type, string) { $(‘#wcStatus’).append(type + “: ” + […]

在IE8中显示内联SVG

我正在尝试显示SVG内联图形并使其与IE8一起使用。 我在这里已经阅读了很多关于如何使用raphael.js，google svgweb和svg2vml的问题。 这些都不适用于我的svg，我不知道发生了什么。 这就是我显示它的方式（它适用于除IE8之外的所有浏览器）： 有关如何使其与IE8一起使用的任何建议？

Fullcalendar事件丢弃和ajax

我目前正在使用伟大的Jquery插件 – Fullcalendar，但我遇到了一个问题。 我使用eventDrop监听器，我想使用Ajax将事件信息发送到我的服务器端。 我的代码如下： eventDrop: function (event, dayDelta) { $.ajax({ url: (“/PSAdmin/RFCalendar/DragEvent”), data: ({ type: event.className, delta: dayDelta, newDate: event.start, newTitle: event.title }), type: “POST”, success: function (data) { $(‘#calendar’).empty(); loadCalendar(); }, error: function (xhr, status, error) { alert(“fail”); } }); } 我的问题是，只要我尝试发送包含在事件对象中的任何变量，它就不起作用。 例如，只将dayDelta发送到服务器端，但没有event.something。 如果有人在此之前发现了这个问题，或者你知道可能导致问题的原因，请告诉我。

如何确保在JQuery插件中加载图像？

在创建需要图像尺寸的JQuery插件时，我发现像Chrome这样的webkit浏览器通常会为图像返回0尺寸，因为它们是并行加载的。 我的快速而肮脏的解决方案是在$(window).load()事件中包装调用我的插件的代码： $(document).ready(function() { $(window).load(function() { $(‘.magnifier’).magnifier(); }); }); 我将如何在插件内部实现此function？ 什么是检测图像已加载的最干净的方法，以便我可以测量它们的尺寸？

jQuery插件对象：通过.on（）附加一个事件处理程序，现在有一个范围问题。 （主插件对象）

我试图摆脱我的jQuery插件中的意大利面条代码，并以更有条理的方式工作。 我这样做是通过使用这里找到的基本样板模板： https ： //github.com/jquery-boilerplate/jquery-patterns/blob/master/patterns/jquery.basic.plugin-boilerplate.js 我还发现ToDo MVC普通jQuery代码是灵感的源泉，因为它没有链接许多function并且保持很好的分离（由于我缺乏状态，我不允许发布两个以上的链接，因此你必须使用Google那个你自己）。 总而言之，我发现上面两者的组合非常适合使用，但似乎没有办法像这样工作而不经常引用this （根插件对象）。 这本身不是问题，但有时this会超出范围。 我还没有真正找到一种优雅的方法，特别是在通过jQuery绑定事件处理程序on.() 。 请看我的JSFiddle，说明我的意思： http ： //jsfiddle.net/hendrikdegraaf/wzp3ok4h/18/ 我发现将event.data对象中的插件对象作为event.data.base有点尴尬（它只是非常冗长并且损害了我的代码的可读性）。 有没有更好的方法来引用主插件对象？ 在使用这种构造我的插件的方式之前，我遇到了变量范围的问题，所以关于如何以合理的方式构建我的插件的任何一般建议也将受到赞赏。 谢谢， 亨德里克 编辑：请参阅下面的代码 ;(function ( $, window, document, undefined ) { // Create the defaults once var pluginName = “myplugin”, defaults = { settingA : ‘someValue’, settingB : ‘someValue’ }; // The actual plugin constructor function […]

需要为插件的每个.post获取’a’名称

(function ($) { ‘use strict’; var url = window.location.href.split(‘#’)[0]; var post = $(‘.post’).children(‘a[name]’).attr(‘name’); var helpers = { “defaults”: { “post”: post, “href”: url+’#’, “send”: ‘true’, “layout”: ‘button_count’, “width”: ‘125’, “faces”: ‘false’, “font”: ‘verdana’, “action”: ‘like’, “scheme”: ‘light’, }, “init”: function (options) { var settings = $.extend({}, helpers.defaults, options), easyface = $(”).addClass(‘easyface fb-like’).attr({ “data-href”: settings.href + […]

将jQuery插件分配给多个元素

到目前为止我已经在网上浏览了5个小时，我找不到任何问题的解决方案：我编写了一个插件，它可以对任何给定的元素进行打字效果，只有在我使用的情况下它才能完美运行它在一个元素上，但是当我想在第二个元素上使用它时，它只执行第二个元素，这就是为什么：在我的插件中，我使用了一些“setInterval”以特定的速度键入并按顺序检查字母为了延迟某些字母，当我同时调用插件两次或多次时会出现问题，这会将新值设置为变量并将间隔与新设置的值冲突并将所有内容混淆。 这是代码： (function ($) { //typing effect for text $.fn.typingText = function (options) { var setting = $.extend({ //the starting point ==> *(it starts typing when the scrollbar hit the starting point) start: 0, //the user given delay character ==> *(it delays the typing when it hits this character) ==> *(must be a character not […]