Jeditable- Y를 클릭하여 X 편집 활성화
문제
사용하려고합니다 제시 가능 인라인 편집 솔루션으로.
기본 동작 (요소를 클릭하려면 요소를 클릭)은 잘 작동하지만 다른 요소를 클릭하여 요소를 활성화하고 싶습니다.
예를 들어 a.ActivateEdit을 클릭하면 다음 Div.Edit이 활성화됩니다 (jQuery Selectors를 사용하여 수행해야 함).
나는 이것에 대해 제시 가능한 문서를 살펴 보았지만 올바른 구문을 찾을 수 없었습니다.
참고로, 기본 Jeditable Syntax는 다음과 같은 선을 따라 있습니다.
$(document).ready(function() {
$('.edit').editable('http://www.example.com/save.php');
});
*편집 : 발견 더 나은 솔루션 *
해결책
위의 코드도 정확하지 않습니다. 모든 제시 가능한 인스턴스에서 이벤트를 클릭합니다.
이를 수행하는 방법에는 여러 가지가 있으며 모두 HTML에 따라 다르지만 예를 들어 HTML을 따르는 경우 :
<div class="edit" id="unique_id">Editable text</div>
<a href="#" class="edit_trigger">Edit me!!</a>
그런 다음 다음 JavaScript를 사용할 수 있습니다.
/* Bind Jeditable instances to "edit" event. */
$(".edit").editable("http://www.example.com/save.php", {
event : "edit"
});
/* Find and trigger "edit" event on correct Jeditable instance. */
$(".edit_trigger").bind("click", function() {
$(this).prev().trigger("edit");
});
다른 팁
이 코드를 다른 요소의 클릭 함수에 배치 할 수 있습니다. 예시:
HTML :
<a class="clickme">Click me to edit</a>
<div class="edit">Edit Me!</div>
jQuery :
$(document).ready(function() {
$("a.clickme").click(function(){
$('.edit').editable('http://www.example.com/save.php');
});
});
확인, ATA의 대답 잘 작동하지 않았지만 올바른 길을 떠났습니다.
$(document).ready(function() {
$('.edit').editable('http://www.example.com/save.php');
$("a.clickme").click(function(){
$('.edit').click();
});
});
나는 이전 두 응답의 힘을 결합하여 다음과 같은 다음 편집 가능한 요소를 대상으로합니다.
/* Find and trigger "edit" event on next Jeditable instance. */
$(".edit_trigger").livequery( 'click', function() {
$(this).next().click();
});
제휴하지 않습니다 StackOverflow