충돌하는 jQuery 플러그인

Question

나는 여가 시간에 웹 코딩을 배우면서이 사이트가 나를 위해 매우 유용하다고 말하고 싶다. 나는 내가 묻고 싶은 특정한 질문을 가지고 있기 때문에 등록하기로 결정했다.

저는 새 웹 사이트와 특정 테스트 페이지 (www.owenprescott.com/home.html)를 만들고 있습니다. 나는 누군가가 나를 도울 수 있기를 바라고있는 문제에 직면했다. 내 축소판 이미지 위에 마우스를 올리면 jQuery 플러그인이 생겨서 인라인 코드가 문제를 일으키고 (jquery.dirinline.js), 함수는 내 (li) 상자를 대상으로하고 다음과 같이 말합니다 ... $ ('. da-thumbs> li '). hoverdir();

문제는 내가 (li) 태그에 싸여있는 프로젝트 정보가있는 두 개의 하얀 상자가 있다는 것입니다. 위의 jQuery 함수에 의해 흰색 상자가 영향을받는 것을 원하지 않습니다. 내 사이트를 방문하면 흰색 상자 위로 마우스를 가져 가면 문제가 무엇인지 알 수 있습니다. 일부 입력에 매우 greatfull, 어느 쪽이든 jQuery 함수를 변경하거나 흰색 정보 상자에서 (li) 태그를 제거해야하지만 어느 쪽이든 올바르게 표시되도록하는 방법을 잘 모르겠습니다.

나는이 질문을 혼란스럽게 만들지 않았 으면하고, 어떤 조언을하기 위해 미리 감사드립니다. 또한 내 코드 개선을위한 제안 사항이 있으면 언제든지 내 템플릿 페이지가되므로 알려 주시면 기본 Dreamweaver 정보를 제거해야합니다.

Answer 1

일치하는 집합에서 제외하십시오. 그들을 제거하려면 not()을 사용하십시오.

$('.da-thumbs > li').not(".someClassInfoThingy").hoverdir(); 

하거나 그 정보 블록이 링크가 없을 것, 당신이 할 수있는 확인

귀하의 JS는 변경 될 수 있습니다

$('.da-thumbs > li:has(a)').hoverdir(); 

Answer 2

:

$('.da-thumbs > li > a').parent().hoverdir(); 

그리고 그것은 작동한다 있는 그대로의 HTML. 제외하려는 항목은 li>div과 일치하지만 li>a이 아니므로 앵커를 가져 와서 부모를 선택하면 필요한 항목 만 얻을 수 있습니다.