quicksand

如何获取data-id属性？

由 ↘锁芯ラ 提交于 2020-04-27 06:00:29
问题： I'm using the jQuery quicksand plugin. 我正在使用jQuery quicksand插件。 I need to get the data-id of the clicked item and pass it to a webservice. 我需要获取所单击项的data-id并将其传递给webservice。 How do I get the data-id attribute? 如何获取data-id属性？ I'm using the .on() method to re-bind the click event for sorted items. 我正在使用 .on() 方法重新绑定已排序项的click事件。 $("#list li").on('click', function() { // ret = DetailsView.GetProject($(this).attr("#data-id"), OnComplete, OnTimeOut, OnError); alert($(this).attr("#data-id")); }); <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script> <ul id="list" class="grid">

jQuery hovers don't work in IE10 but works in lower IE versions

由 倾然丶 夕夏残阳落幕 提交于 2020-01-23 07:49:40
问题 On my site, the boxes are supposed to fade into the description. This works in every browser I've tried except IE10. This is a WordPress site and I use nine plugins. I've tried deactivating all plugins but the hovers still don't work in IE10. Below is the code I'm using for the hovers: jQuery(document).ready(function($){ $('.thumbnail').hover(function() { $('img', this).stop(true,true).fadeTo(100, 0.1); $('.description', this).stop(true,true).fadeIn(100); }, function() { $('img', this).stop

jQuery hovers don't work in IE10 but works in lower IE versions

由 。_饼干妹妹 提交于 2020-01-23 07:49:31
问题 On my site, the boxes are supposed to fade into the description. This works in every browser I've tried except IE10. This is a WordPress site and I use nine plugins. I've tried deactivating all plugins but the hovers still don't work in IE10. Below is the code I'm using for the hovers: jQuery(document).ready(function($){ $('.thumbnail').hover(function() { $('img', this).stop(true,true).fadeTo(100, 0.1); $('.description', this).stop(true,true).fadeIn(100); }, function() { $('img', this).stop

Jquery hover event stuck on clone elements

由 一世执手 提交于 2019-12-25 00:36:56
问题 I am creating an plugin with wordpress for the portfolio items. Everything works fine . But the issue is when i apply the filter the hover effect stopped working on the cloned items also available JS FIDDLE the jquery code is given below i tried /* Scroll to Top Button */ jQuery(document).ready(function() { // Animate Box Shadow on some elements // Add the overlay. We don't need it in HTML so we create it here // Clone portfolio items to get a second collection for Quicksand plugin var

Limit items or paginate in Quicksand

由 喜夏-厌秋 提交于 2019-12-21 21:46:44
问题 I'm using the Quicksand jQuery plugin. It works fine, but now I want to limit the initial items, for example only show 20 or 30 items. How can I do this? My current code: Shadowbox.init({ skipSetup: true }); $(document).ready(function () { var $filterType = $('#boxAreas li.active a').attr('class'); var $holder = $('ul#elportafolio'); var $data = $holder.clone(); $('#boxAreas li a').click(function (e) { $('#boxAreas li').removeClass('active'); var $filterType = $(this).attr('class'); $(this)

jQuery Quicksand

由 丶灬走出姿态 提交于 2019-12-13 21:02:02
问题 I'm using the jQuery quicksand plugin on my site but at the moment the footer below it, jumps up and doesn't smoothly ease upwards along with the quicksand images when changing the filter option. How can I go about fixing this? Code: <div class="filterContainer"> <span class="filter">Designer Filter:</span> <ul id="filterOptions"> <li class="active"><a href="#" class="all">All</a></li> <li><a href="#" class="bisque">Bisque</a></li> <li><a href="#" class="radart">RadArt</a></li> <li><a href="#

jQuery Quicksand jumpy while in transition

由 て烟熏妆下的殇ゞ 提交于 2019-12-13 04:15:31
问题 I'm having a similar issue as this... CSS bubbling while using jQuery Quicksand. When I hit filter the <li> gets a position absolute and a top: 206 and slides back up to 0 after the transition is complete it looks fine. But the <li> is jerky or jumpy while moving. Is this a CSS issue? I have a float: left on every item like they mention in the attached link to the other "bubbling" question. Here is my CSS. ul.filter li { float:left; margin-right:20px; margin-bottom: 20px; list-style-type:

hover effect with quicksand plugin

由 随声附和 提交于 2019-12-13 01:57:54
问题 I'm using Quicksand plugin on a website and I want to have all the items to have a hover effect. I managed to do it but the hover effect would disappear after the filtering occurs. I then followed this advice: jQuery quicksand plugin with .click method and added the following to my code: $("img.on").live({ mouseover: function() { $(this).stop().animate({"opacity": "0"}, "slow");}, mouseout: function() { $(this).stop().animate({"opacity": "1"}, "slow");}}); $("img.over").live({ mouseover:

Bootstrap modal stops working after I sort portfolio

由 廉价感情. 提交于 2019-12-11 18:55:22
问题 I am building a sortable portfolio using quicksand.js, to display more information on click I am using bootbox.js, now this is working pretty well but I recently ran into an issue. When you sort the portfolio bootbox not longer works! You can see this in action here, scroll to the portfolio section and click one of the images to see it function correctly. Then sort it and try again and you will see my issue. Update: Using console I found what is causing the issue but I cant fully understand

Jquery conflict? Quicksand vs. Gallerific cancel eachother

由 大兔子大兔子 提交于 2019-12-11 16:37:41
问题 Im using Galleriffic (a dynamic gallery jquery plug) and Quicksand (a jquery filtering plug). Here is my working example: http://www.metropoliscreative.com/jake_test/test1.html If you click the thumbnails, they will load properly in the big pane. If you select project type or industry, it will sort those thumbnails based on some data types. However, the issue is that once you sort them, the Galleriffic functionality stops working. I'm not getting any errors in my console, nor is the code
订阅 quicksand