Tag: jquery plugins

帮助Jquery + Masonry插件：如何展开/折叠框以显示内容: 我正在项目中使用masonry jquery插件：（ http://desandro.com/resources/jquery-masonry ）基本上我在网格中有一组框（缩略图）。单击一个时，我希望它扩展到更大的尺寸以显示更多内容（其他图像和文本）。我正在努力解决如何使缩略图消失，然后在展开的框中显示新内容。我不知道如何使新内容出现或将其存储在我的页面上 – 它需要一个关闭按钮？插件的创建者给了我一个扩展部分的快速提示，但我使用的代码有一个设置的高度和宽度，我希望它们可以根据扩展状态中的内容量而变化。到目前为止，这是我的jquery代码： http ： //pastie.org/1002101 这是我想要实现的行为的类似示例（除了我的盒子将具有不同的扩展尺寸）:( http://www.learnsomethingeveryday.co.uk ）您还会从该示例中注意到，它一次只能扩展1个框 – 我还希望拥有该function。对不起所有的问题 – 我对jquery很新，任何帮助都会很棒！

AngularJS中的lightGallery（jQuery插件）: 我正在尝试使用lightGallery jQuery插件（ http://sachinchoolur.github.io/lightGallery/index.html ）与AngularJS一起使用。我发现一些答案表明我需要一个指令，所以我创建了以下内容： .directive(‘lightGallery’, function() { return { restrict: ‘A’, link: function(scope, element, attrs) { jQuery(element).lightGallery(); } }; }) 然后在我看来我这样做：（我也试过）当我运行页面时，当我点击任何缩略图时没有任何反应。我可以在链接function中放置一个alert() ，然后显示。如何让AngularJS与jQuery和这个插件一起玩？更新：经过一些调试后，似乎在模型绑定到视图之前执行了jQuery(element).lightGallery() 。那么问题就是如何在一切都被约束而不是之前得到一个指令来被调用。

jQuery BlockUi消息接连不断: 我正在使用jQuery BlockUI插件，并且我已经能够成功地在页面中显示单个消息，但是…让我们说我想要一个接一个地显示3条消息。就像是：消息：’你好世界！’ 消息：’你好星系！’ 消息：’你好宇宙！’ 我如何使用jQuery BlockUI执行此操作？

在设定的时间jquery / javascript警告弹出窗口: 您是否知道是否存在任何Jquery插件在每个时间段或一段时间内显示警报弹出消息？例如：您的时间以x分钟到期，超时给定。谢谢！

使用jQuery流沙与fancybox的问题: 我正在使用quicksand jQuery的这个例子。制作精美的HTML5产品组合现在，我想在点击图片时打开灯箱。为此，我使用fancybox jQuery。但问题是在这个制作一个漂亮的HTML5组合（流沙jQuery）示例图像在标签中，当在fancybox jQuery示例中有标签。我无法在ul li之间选择锚标签。 Making a Beautiful HTML5 Portfolio | Tutorialzine Demo !window.jQuery && document.write(”); $(document).ready(function() { $(“a#example2”).fancybox({ ‘overlayShow’ : false, ‘transitionIn’ : ‘elastic’, ‘transitionOut’ : ‘elastic’ }); $(“ul li a#example2”).fancybox({ ‘overlayShow’ : false, ‘transitionIn’ : ‘elastic’, ‘transitionOut’ : ‘elastic’ }); }); My Portfolio Making a Beautiful […]

CSS水平滚动溢出与jQuery滑块: 我正在尝试设置全屏jquery滑块。我把项目分成了两个步骤：1）css和2）js。 1）CSS ，下面是我正在拍摄的照片（没有固定的高度），下面是我到目前为止无法使用的代码。例子http://i43.tinypic.com/a1ocxj.jpg /* Positioning */ #container { width: 2500px; } .block { display: inline; } /* Styling */ .block img { padding: 5px; } 2）Javascript ，使用jquery我喜欢在点击它们时向左滑动div …如果可能的话就像jQuery Coda Slider一样。谢谢，任何帮助表示赞赏。

为什么在jQuery Validate submitHandler被触发之前你必须提交两次？: 我有一个使用jQuery Validation Plugin 1.9.0validationHTML表单的情况。（我正在使用jQuery 1.6.4）。如果在加载页面后正确填写表单，则会在提交时进行validation。 validation给出了成功消息，但它不会触发submitHandler。如果再次按下提交按钮，它只会触发submitHandler。我在http://jsfiddle.net/peterph/Hv3xz/1/上创建了一个模拟来说明问题。任何人都可以告诉我如何解决这个问题？ jQuery(function($) { $(“#form”).submit(function(e) { var $form = $(this); alert(‘Start Validation’); $form.validate({ debug: false, focusInvalid: false, onfocusout: false, onkeyup: false, onclick: false, rules: { E_mail: {required:true, email:true }, }, success: function(label) { alert(‘succes:’ + label); }, submitHandler: function(form){ alert(‘start submitHandler’); postContent(‘test’); alert(‘end submitHandler’); }, invalidHandler: […]

jQuery插件.fn问题: 我似乎在创建一个jquery插件时遇到了一些问题。我在firebug控制台中测试一个简单的插件，并且没有像我期望的那样定义该函数。这是我正在使用的代码模式 jQuery.fn.test = function () {console.log(“runs”)} 我试图用这个不起作用的调用来调用该函数。 $.test() 但是这个电话呢 $.fn.test() 我不认为这是应该如何工作所以我认为我做错了，虽然所有文件似乎都同意我应该是正确的。有人有什么建议吗？谢谢，科里

使用带有rails的jquery auto complete插件的示例: 如果有人可以帮助我在rails应用程序中实现自动完成function，那将是非常有帮助的。我尝试了jquery auto complete插件。我无法实现。我的控制器： def new @testers = User.find_by_sql(“select * from users where id in(select user_id from user_role_assignments where role_id in (select id from roles where name like ‘Tester’)) order by name”).paginate(:page=>params[:page],:per_page=>30) respond_to do |format| format.html # new.html.erb format.xml { render :xml => @release } end end 我想为@testers创建一个自动完成查看代码： = form.label :tester_tokens, “Testers” = form.text_field […]

jQuery文件上传：如何动态更改上传url: 我正在尝试在我的项目中使用blueimp jQuery文件上传。它很适合我的需求，但我需要在创建和配置插件后动态更改url文件。我做了很多调查，但不幸的是，没有发现任何有用的东西。一般来说，我有一个按钮来选择文件和文件上传操作覆盖实际上传。基本创建如下： $(‘[upload-button]’).fileupload(new FileUploadConfig()) 并配置本身： function FileUploadConfig() { // is set to a unique value for each file upload this.url = ‘temporary’; this.fileInput = $(‘[upload-button]’); //… some other code } 我需要做的是更改此配置中的URL，然后调用data.submit() 。我发现，这个配置是使用$.data()保存的，并试图用这样的代码解决问题 // get the current fileupload configuration var config = $.data($(‘[upload-button]’).get(0), ‘fileupload’); // change the url configuration option […]