레일에 루비를 사용하고 있는데 wookmark jquery plugin을 발견하여 사용하고 싶습니다. http://www.wookmark.com/jquery-plugin 나는 gemfile gem "jquery-wookmark-rails", "~> 0.0.1"
를 설치하고 난 자바 스크립트에 추가 한/ //= require jquery.wookmark
제품 표시를 위해 페이지의 특정 부분에서 작업을 수행하려고합니다. wook_enqueue_script를 통해 wookmarks 및로드 된 이미지를로드했습니다. 헤더 소스에 포함되어 잘로드 된 것처럼 보입니다. 그러나, 나는 밖으로 분류 할 수 없었다 방화범에 오류가 있어요. 이 코드는 wookmarks의 예제 파일에서 가져온 것입니다. TypeError:
lazy load plugin을 wookmark photo plugin에 추가하는 방법은 무엇입니까? 사실 wookmark 사진 플러그인은 자동 높이 옵션을 사용합니다. 따라서 이미지 크기는 완전히 다릅니다. 높이가 & 인 이미지에 게으른로드를 추가하면 플러그인은 표시 영역 밖에있는 모든 이미지도로드합니다. 높이가 & 인 이미지에 대해 느린로드 플러그인을
WookMark을 사용하여 카테고리 필터와 ajax 무한 스크롤이있는 갤러리를 만듭니다. 모든 것이 잘 동작하는 것,하지만 새 항목이 아약스를 통해로드 할 때 그들은 당신은 그것을 밖으로 확인하실 수 있습니다 .. 필터에 추가되지 않습니다 내 JS 코드가 주어진다 here. jQuery(document).ready(function($) {
//
저는 레이아웃과 같은 pinterest 디자인을 위해 wookmark js를 구현하려고합니다. 하지만 페이지에서 wookmark의 일반적인 단일 인스턴스 대신 페이지에 두 번 적용해야합니다. 하지만 문제가 있습니다. 첫 번째 행이 배열되면 두 번째 행을 지나치게 아래로 밀어 넣어 두 행 사이에 빈 공간이 생깁니다. 당신은 빨간색과 파란색 행 사이의 빈 공간
방향 인식 호버 효과에 대해 jQuery를 사용하고 있습니다. 페이지가로드되면 호버 효과는 F12를 클릭하거나 chrome 및 IE10에서 inpect 요소가 활성화 된 경우에만 작동합니다. 개발자 모드가 활성화되거나 이미 활성화 된 개발자 모드가 닫히면 페이지가 다시로드 될 때까지 작업이 시작됩니다. 다음과 같이 여러 jquery 플러그인을 사용하고 있습
라이트 박스 2에 약간의 문제가 있습니다. 다른 jquery 플러그인 인 WookMark과 섞여 있습니다. 따라서, 나의 작은 이미지는 조금 더 복잡하며, 다음과 같이 : 정말 (34)의 1 일 때 그 결과 <li data-filter-class='["digital", "mabel", "all"]'>
<a href="/illus/phpGallery_ima
이미지 갤러리가있는 페이지가 있으며 jquery wookmark 플러그인을 사용하여 필터링하고 있습니다. 그런 다음 플러그인 색상 상자 (wookmark는 이미 플러그인의 예제로 제공)를 사용하고 싶었고 colorbox와 필터 시스템에 참여할 수있었습니다. 내 머리 속에는 문제가 있었고, 필터를 사용할 때, 50 장의 사진 대신 5 장 밖에 볼 수 없었습니
wookmark jquery 플러그인을 사용하여 표시되는 각 '타일'에 주석 섹션을 추가하고 있습니다. 댓글 상자 또는 댓글 상자와 이전 댓글이므로 높이를 알 수 없습니다. 여러 명이 있으므로 사실 이후에 추가 할 예정입니다. 문제는 주석 필드가 각 이미지 아래에로드되지만 타일이 크기에 맞게 업데이트되지 않아서 겹치기 때문에 주석이 타일 아래에 놓여 있다는
내 레일 3.2 프로젝트에서 저는 현재 wookmark의 보석 버전을 사용하고 있으며 개발 로그에로드 된 애셋을 볼 수 있기 때문에 작동하는 것으로 보입니다. //= require jquery
//= require jquery_ujs
//= require bootstrap
//= require jquery.wookmark
//= require_tre