JQuery $ .each लूप में स्थिति () प्राप्त करने में असमर्थ

मैं html5 (contenteditable = "true") और jQuery का उपयोग कर एक संपादन योग्य बॉक्स (एक समृद्ध टेक्स्टबॉक्स) बनाने की कोशिश कर रहा हूं। मुझे संपादन योग्य div के अंदर प्रत्येक तत्व की स्थिति पता करने की आवश्यकता है ताकि मैं माइक्रोसॉफ्ट शब्द की तरह पेज ब्रेक डाल सकूं। यहां पृष्ठ है



<head>
    <title>jQuery Context Menu Plugin Demo</title>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />

    <script src="http://code.jquery.com/jquery-1.7.2.min.js" type="text/javascript"></script>


    <script type="text/javascript"> 
        $(document).ready( function() {
            $("#divEdit").keyup(function(){
                $.each($("#divEdit").find("*"), function(i,item){
                    alert(item.position());
                });
            });             
        });
    </script>
</head>

<body>

    

jQuery Context Menu Plugin and KendoUI Demo

    <div style="width:740px;height:440px" contenteditable="true" id = "divEdit">
        
Editor for ASP.NET MVC logo
Kendo UI Editor allows your users to edit HTML in a familiar, user-friendly way.
In this version, the Editor provides the core HTML editing engine, which includes basic text formatting, hyperlinks, lists, and image handling. The widget outputs identical HTML across all major browsers, follows accessibility standards and provides API for content manipulation.
Features include:
  • Text formatting & alignment
  • Bulleted and numbered lists
  • Hyperlink and image dialogs
  • Cross-browser support
  • Identical HTML output across browsers
  • Gracefully degrades to a textarea when JavaScript is turned off
        
Read more details or send us your feedback! </div> </body>

समस्या यह है कि चेतावनी (item.position ()) कुछ भी नहीं ला रहा है। फ़ायरफ़ॉक्स डेवलपर टूलबार में आने वाली त्रुटि 'item.position एक फ़ंक्शन नहीं है'। मेरा अनुमान है कि इसे $ ("# divEdit") में प्रत्येक तत्व के प्रकार के साथ कुछ करना है। ("*") खोजें क्योंकि सभी तत्व अलग हैं। किसी भी सहायता की सराहना की जाएगी। धन्यवाद

0
जोड़ा संपादित
विचारों: 1

2 उत्तर

item ऑब्जेक्ट item से jQuery ऑब्जेक्ट प्राप्त करने की आवश्यकता है, क्योंकि position() एक jQuery विधि है, इसलिए position() के बारे में शिकायत एक फ़ंक्शन नहीं है

$(item).position()//instead of item.position()

या यहां तक ​​कि अधिक संक्षेप में:

$.each($("#divEdit").find("*"), function(i,item){
   alert(item.position());
}

में बदलो

$('#divEdit').find('*').each(function() { 
   alert($(this).position());
})
0
जोड़ा
धन्यवाद दोस्तों। यह काम किया। मेरे jQuery मूल बातें सही करने की आवश्यकता है ..: पी
जोड़ा लेखक pickhunter, स्रोत
ठीक है आपने किसी भी तरह से जवाब दिया: पी मेरे सामने पी तो यहां आप डेमो गए हैं जिसे मैं बनाने की कोशिश कर रहा था: jsfiddle.net/ जेजेआरजेटी/3 मदद कर सकता है!
जोड़ा लेखक Tats_innit, स्रोत

इस लाइन को बदलें

चेतावनी (item.position ());

सेवा मेरे

चेतावनी ($ (आइटम) .स्थिति ());

0
जोड़ा