2013-07-16 3 views
5

페이지에 여러 번 나타나는 jQuery 선택 플러그인을 사용하는 간단한 SELECT가 있습니다. 선택 항목 맨 위에 "새로 추가"옵션이 있습니다. 사용자가 Add New를 클릭하면 대화 상자가 표시됩니다.Javascript/jQuery 선택한 옵션을 다시 선택하면 요소 이벤트가 선택됩니다.

jQuery 클릭 이벤트를 사용하면 쉽고 처음에는 잘 작동합니다. 그러나 사용자가 대화 상자를 취소하고 다시 새로 추가를 클릭하면 클릭 이벤트가 발생하지 않습니다.

클릭 이벤트 처리기를 옵션 자체에 추가해 보았습니다. 성공하지 못했습니다. 나는 또한 선택한 플러그없이 운도없이 그것을 시도했습니다. 나는 선택이 문제라고 생각하지 않는다.

는 여기에 문제를 보여주는 간단한 jsfiddle의 : 선택 상자에 http://jsfiddle.net/7cMEg/

$('.cls').chosen().change(function() { if ($(this).val()==='-1') alert('clicked'); }); 

클릭하고 새로 추가를 선택합니다. 경고가 나타납니다. 그러나 새로 추가가 선택되었으므로 선택 상자를 클릭하고 새로 추가를 다시 클릭하면 아무 일도 일어나지 않습니다. 클릭 이벤트가 발생하지 않습니다. 내가 사용할 수있는 또 다른 행사가 있습니까? 다른 제안 (아마 unstyled 하이퍼 링크)?

+1

당신은'New' 추가 두 번째에게 –

답변

2

이벤트가 change에서 시작되고 click이 아닌 이벤트가 발생합니다. 두 번째 클릭시 값이 변경되지 않으므로 알림이 표시되지 않습니다. 클릭에

보기 경고 - fiddle

+1

확인, 감사를 클릭 할 때 일어나는 변화가 없기 때문입니다. 귀하의 바이올린은 Safari v6.0.5 (기본 브라우저)에서 작동하지 않습니다. 또한 Chrome v28.0.1500.71에서는 작동하지 않습니다. Firefox v22.0에서 작동합니다. 나는 IE를 시도하지 않았다. 선택기에서 "옵션"을 제거하면 Safari에서 작동하지만 Chrome에서는 여전히 작동하지 않으며 Firefox에서 약간의 성가신 상태가됩니다 (선택 상자의 클릭 및 릴리스 실행). –

+0

@BumptiousQBangwhistle : 완벽한 준비가 된 솔루션이 아닙니다. 나는 그것을 도처에 시험해 보았고 그렇게 할 시간이 없다. 문제를 지적하고 싶었습니다. 이것이 해결책이 될 수 있도록 도와 줄 것입니다. – xyz

관련 문제