2016-03-28 10 views
7

नहीं है, इसलिए नीचे दिया गया मेरा कोड एक jsfiddle में अकेले खड़े हैं। लेकिन कुछ अजीब कारण के लिए .. मैं इस त्रुटि लगातार एक जीवित सर्वर पर धक्का देने के बाद मिलता है:/और मैं समझ नहीं क्यों कर सकते हैं ...Uncaught TypeError: 'MutationObserver' पर 'निरीक्षण' निष्पादित करने में विफल: पैरामीटर 1 प्रकार 'नोड'

त्रुटि:

mycodewitherror.js:23 Uncaught TypeError: Failed to execute 'observe' on 'MutationObserver': parameter 1 is not of type 'Node'. 

js:


$(document).ready(function() { 
// The below collects user login name, new login date and time, and previous use URL 
var element = document.querySelector('.pet-name'); 
// create an observer instance 
var observer = new MutationObserver(function(mutations) { 
     var username = $('.pet-name').text(); 
     var referrer = document.referrer; 
     var date = new Date(); 
     var month = date.getUTCMonth() + 1; 
     var day = date.getUTCDate(); 
     var year = date.getUTCFullYear(); 
     var time = date.toLocaleTimeString(); 
     var formattedDate = month + '/' + day + '/' + year; 
    console.log("Pet Name Time"); 
     console.log(referrer); 
     console.log(petname); 
     console.log(time); 
     console.log(formattedDate); 
}); 

// configuration of the observer: 

var config = { attributes: true, childList: true, characterData: true }; 

// pass in the target node, as well as the observer options 
observer.observe(element, config); 
+0

दोनों 'तत्व' संदर्भों में? –

+0

कोई नहीं जब आप 'observer.observe()' को कॉल करते हैं। ओह रुको इंतज़ार करो, नहीं, मैं पूरी तरह गलत हूं। – Pointy

+0

खैर .... टच ' –

उत्तर

4

मैं एक ही त्रुटि का सामना किया है, और ऑनलोड/तैयार इन्स के तहत .observe() विधि डालने से इसे हल पर्यवेक्षक वर परिभाषा के tead, प्लस लक्ष्य (तत्व) और config की परिभाषा चर:

$(document).ready(function() { 
 
    var target = document.getElementById("myList"); 
 
    var config = { 
 
     childList: true, 
 
     subtree: true, 
 
     attributes: true, 
 
     characterData: true 
 
    }; 
 
//note this observe method 
 
    observer.observe(target, config); 
 
    console.log("registered"); 
 
}); 
 

 
var observer = new MutationObserver(function (mutationRecords, observer) { 
 
    mutationRecords.forEach(function (mutation) { 
 
     console.log("mutation change in ", mutation.type, " name: ",mutation.target); 
 
    }); 
 
}); 
 

 
function add() { 
 
    var index = $("ul li").length; 
 
    var listItem = document.createElement("li"); 
 
    listItem.textContent = index + 1; 
 
    var target = document.getElementById("myList").appendChild(listItem, "before"); 
 
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<body > 
 
    <button onclick="add()">Add list item</button> 
 
    <hr> 
 
    <ul id="myList"> 
 
     <li><a href="#">1</a></li> 
 
     <li><a href="#">2</a></li> 
 
    </ul> 
 
    
 
</body>

कृपया कोड स्निपेट चलाने के लिए, "सूची आइटम जोड़ें" बटन पर क्लिक करें और बदलें घड़ी कंसोल में लॉग इन करें।

संबंधित मुद्दे