Tag: 插件

在jQuery中将事件绑定到自定义插件函数: 如何修改我的插件以允许加载呼叫中的事件？现在，当页面加载时，插件正在加载，我希望它与.blur（）或我想要分配它的任何事件一起使用。任何帮助，将不胜感激： // The Plugin (function($) { $.fn.required = function() { return this.each(function() { var $this = $(this), $li = $this.closest(“li”); if(!$this.val() || $this.val() == “- Select One -“) { console.log(‘test’); if (!$this.next(“.validationError”).length) { $li.addClass(“errorBg”); $this.after(‘err msg’); } } else if($this.val() && /required/.test($this.next().text()) === true) { $li.removeClass(“errorBg”); $this.next().remove(); } }); } })(jQuery); // The […]

Bootstrap星级显示两次: 我正在使用此插件在我的Bootstrap网站上显示星级。以下是我将星级评定的模态代码的一部分（请参阅输入元素）： × 这是JS代码的一部分，我在其中动态设置星星的值： $.getJSON(“getData.php?rating=” + user.id, function(data) { if (data) { $.each(data, function(key, val) { var reviews = val.tot_reviews; $(‘#avg’).rating(‘update’, val.average); $(“#tot_reviews”).html(“(” + reviews + ” reviews)”).html(); }); } }); 它似乎工作得很好，事实上，当我点击页面上的一个项目时，我得到了这个：如果我再次点击相同的项目，我会得到这个：我无法弄清楚为什么会这样。

使用jQuery监听未使用jQuery.AJAX加载的AJAX加载: 好吧，有点棘手（对我来说无论如何，我在jQuery / JavaScript上非常垃圾）。我正在使用标准的AJAX来提取数据（即，不使用像jQuery这样的框架或者其他……这是有原因的）但是，我需要在加载页面后立即加载jQuery脚本。所以，问题是，在DOM更新后如何绑定脚本？我一直在使用Ariel Fleser的监听插件（ http://flesler.blogspot.com/2007/10/jquerylisten.html ）来查看点击等活动，但是我看不出这是怎么回事用于监听加载事件。有任何想法吗？我对这个很难过！

麻烦将jQuery脚本转换为插件: 我正在尝试转换一个非常简单的脚本，该脚本从Twitter获取搜索结果并将其输出到无序列表中。这是我第一次尝试编写一个插件，当我调用它时似乎没有触发所有代码。脚本由iteself工作正常，这是我为插件编写的代码： (function($) { $.fn.tweetGet = function(options) { var defaults = { query: ‘from:twitter&rpp=10’, url: ‘http://search.twitter.com/search.json?callback=?&q=’ }; var options = $.extend(defaults, options); return this.each(function() { // Get tweets from user query $.getJSON(options.url + options.query, function(data) { var tweets = []; $.each(data.results, function(i, tweet) { tweets.push(” + tweet.text.parseURL().parseUsername().parseHashtag() + ”); }); $(‘#target’).append(” + tweets.join(”) + […]

是否有一个Jquery插件来替换select标签，让用户输入自己的选项？: 我正在寻找一个jquery插件来替换html选择输入。它的行为方式应与常规选择相同，但也包含允许用户输入自己选项的文本框。例如，假设这是有效的标记： Favorite fruit: Apples Bananas other:

在AJAX页面更新后重新初始化jQuery插件: 我在主页上有一个图像轮播。要渲染它我使用Jquerytools（可滚动+导航器）我以这种方式触发jQuery初始化程序脚本： $(window).load(function(){ $(“#today-news-carousel”).scrollable({ vertical: true, mousewheel: true }).navigator({ navi: ‘#today-news-navigator’ }); }); 可以通过AJAX调用更新此轮播的内容。在这个电话之后我需要重新初始化这个轮播。这里是AJAX调用的函数： $(document).on(‘click’, ‘.nav-highlight’, function() { var requestDateArray = $(this).attr(‘data-thedate’).split(‘-‘); var d = new Date(); var requestedDate = new Date(requestDateArray[0], (requestDateArray[1]-1), requestDateArray[2]); var today = new Date(d.getFullYear(), d.getMonth(), d.getDate()); if (requestedDate > today) { return }else { $.ajax({ type: “POST”, […]

jquery循环插件，嵌套幻灯片，’后’选项或测试第一张和最后一张图像: 在我的嵌套幻灯片中，我有’上一页’和’下一页’控件。如果您在第一张幻灯片上，我希望能够减少’prev’的css不透明度，如果您在最后一张幻灯片上，我希望能够降低’next’的css不透明度。 ‘after：onAfter’选项已经足够了但是当放置在嵌套幻灯片控件的代码中时它似乎不起作用。有没有办法在嵌套幻灯片中正确实现’after’，或者在嵌套幻灯片中测试第一个和最后一个图像？谢谢这是我的代码。 $(document).ready(function() { // init and stop the inner slideshows var inners = $(‘.inner-slideshow’).cycle().cycle(‘stop’); var slideshow = $(‘#slideshow’).cycle({ fx: ‘fade’, speed: ‘fast’, timeout: 0, pager: ‘#nav’, pagerAnchorBuilder: function(idx, slide) { // return sel string for existing anchor return ‘#nav li:eq(‘ + (idx) + ‘) a’; }, before: function() { // […]

jQuery插件回调: 好吧，所以我要做的是一个插件，它返回一个jquery数组，用于回调函数。让我们说我有这个代码“ (function($){ $.fn.extend({ //plugin name myPlugin : function(needed){ var defaults = { path : ‘action.php’, source : ” } var needed = $.extend(defaults,needed); //return return this.each(function(){ //it loads some pictures $(‘#selector’).load(needed.path,{‘src’:nedeed.source}) }); } }); }）（jQuery的）; 我想返回这些图片并在回调函数中访问它们。这样的事情 $(‘#another_selector’).click(function(){ $(this).myPlugin({‘source’:’path/…etc’},function(){ $(‘img’).click(function(){ $(this).remove(); }); }); }); 谢谢

如何使用jquery（ajaxForm插件）将表单提交到外部站点但不重新加载到其他页面？: 我正在尝试创建一个表单，将客户的姓名和电子邮件地址发送到icontact（电子邮件列表应用程序）。所有值对于icontact都是正确的，如果我像往常一样提交表单，icontact会回复它添加了电子邮件地址。成功消息从icontact的网站加载到新页面。我想要完成的是ajax会发送表单并在当前页面中返回成功消息，而不会将客户发送到新页面。这是测试页面： http ： //www.skhot.com/test/js-test/forms/index.php