JQuery .click() not working maybe interfering with angularJS

Question

I have this code on my main page:

<body>
    <div id="leftMenu" ng-app=SearchApp>
    	<div id="searchFoldersList"><span class="icon-search search"></span><input ng-model="searchFolder" type="text" placeholder="Search..." /></div>
    	<div id="foldersList" ng-controller="empCtrl">
        	<ul>
                <li ng-repeat="fold in folder | filter: searchFolder">{{fold.Folder}} <div id="editFolder_menu"><span class="icon-edit"></span></div></li>
                <li ng-show="showInputBox = !showInputBox" id="addFolderInputBox"><input ng-model="fname" name="fname" class="changeNameFolder" placeholder="New folders name..." type="text" /></li>
            </ul>
        </div>
    	<div id="addFolderBox" ng-click="showInputBox"><span class="icon-add plus"></span> ADD NEW FOLDER</div>
    </div>
    <div id="rightContent">
        <div id="menuContent">
        	<ul>
            	<li><span class="icon-list"></span></li>
                <li><span class="icon-settings"></span></li>
                <li><span class="icon-account-circle"></span></li>
            </ul>
        </div>
    </div>
</body>

And this on scripts.js:

$(document).ready(function() {
	$("#foldersList ul li").click(function(){
	alert("HELLO");
		});
});

Any idea why this is not working?

I think its because something is interfering with angularJS.

Thanks!

What might be happening is you're assigning the .click() before the elements are all created by the ng-repeat. Try assigning a ng-click handler in angular instead. — Jonathan M
– Jonathan M, Commented Jun 11, 2015 at 23:01

ryansstack · Accepted Answer · 2015-06-11 23:00:02Z

1

instead of do that, add ng-click="someFunc()" to your li elements and define that someFunc as a property of the empCtrl scope

answered Jun 11, 2015 at 23:00

ryansstack

1,4961 gold badge18 silver badges33 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

seergiue Over a year ago

I had not thought about that, it's a great idea! Thank you so much.

seergiue Over a year ago

One more thing, how can I add someFunc as a property of the empCtrl scope? Sorry im a newbie on AngularJS

Collectives™ on Stack Overflow

JQuery .click() not working maybe interfering with angularJS

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related