जेडटेबल - वाई

Question

पर क्लिक करके एक्स का संपादन सक्रिय करें मैं Jeditable को इनलाइन संपादन समाधान के रूप में उपयोग करने का प्रयास कर रहा हूं।

डिफ़ॉल्ट व्यवहार (इसे संपादित करने के लिए तत्व पर क्लिक करें) काफी अच्छी तरह से काम करता है, लेकिन मैं किसी अन्य तत्व पर क्लिक करके एक तत्व को सक्रिय करना चाहता हूं।

उदाहरण के लिए a.activateEdit पर क्लिक करने से अगले div.edit सक्रिय हो जाएगा (स्पष्ट रूप से jQuery चयनकर्ताओं का उपयोग करके किया जाना चाहिए)।

$(document).ready(function() { 
    $('.edit').editable('http://www.example.com/save.php'); 
}); 

* संपादित करें:

मैं इस के लिए Jeditable दस्तावेज़ों में देखा है, लेकिन

FYI करें सही वाक्य रचना नहीं पा सके, डिफ़ॉल्ट Jeditable वाक्य रचना की तर्ज पर कुछ है: a better solution *

Answer 1

से ऊपर कोड या तो काफी सही नहीं है। यह सभी जेडटेबल उदाहरणों पर क्लिक इवेंट ट्रिगर करता है।

वहाँ यह करने के लिए कई तरीके हैं और यह सब अपने HTML पर निर्भर करता है, लेकिन उदाहरण के लिए यदि आप HTML निम्नलिखित है:

<div class="edit" id="unique_id">Editable text</div> 
<a href="#" class="edit_trigger">Edit me!!</a> 

तो फिर तुम जावास्क्रिप्ट निम्न का उपयोग कर सकते हैं:

/* 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"); 
}); 

Answer 2

आप इस कोड को किसी अन्य तत्व के क्लिक फ़ंक्शन में रख सकते हैं। उदाहरण:

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'); 
}); 
}); 

Answer 3

ठीक है, Ata's answer नहीं काफी काम है, लेकिन यह मुझे सही रास्ते पर सेट किया था:

$(document).ready(function() { 
    $('.edit').editable('http://www.example.com/save.php'); 
    $("a.clickme").click(function(){ 
      $('.edit').click(); 
    }); 
}); 

Answer 4

मैं पिछले संपादन योग्य तत्वों को लक्षित करने के लिए पिछले दो प्रतिक्रियाओं की शक्तियों को संयुक्त किया गया है:

/* Find and trigger "edit" event on next Jeditable instance. */ $(".edit_trigger").livequery('click', function() { $(this).next().click(); });