För att bättre visa vad som inte fungerar ger jag er ett exempel, det fungerar inte med scope här:
PHP-kod:
$('.comment', scope).on('click', function(e) {
Och jag behöver det i mitt projekt annars så klickas det hur många gånger som helst.
index.html
PHP-kod:
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title></title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<script src="js/script.js" type="text/javascript"></script>
</head>
<body>
<div class="comment_wrapper">
<a href="#" class="comment">Write your comment</a>
</div>
<p>
<a href="#" class="insert">Insert New Object</a>
</p>
</body>
</html>
script.js
PHP-kod:
$(document).ready(function() {
var bindBehaviors = function(scope) {
$('.comment', scope).on('click', function(e) {
e.preventDefault();
console.log('comment');
});
}
$('.insert').on('click', function(e) {
e.preventDefault();
console.log('insert');
var tempDiv = '<div class="comment_wrapper"><a href="#" class="comment">Write your comment</a></div>';
$(this).before(tempDiv);
bindBehaviors(tempDiv);
});
bindBehaviors(this);
});