current community

your communities

more stack exchange communities

Stack Exchange
tour help
careers 2.0
Take the 2-minute tour ×
Stack Overflow is a question and answer site for professional and enthusiast programmers. It's 100% free, no registration required.
up vote 1 down vote favorite

I've got a fairly basic AngularJS app that has a couple of partial views - a search form and a results table. I'm now trying to add a jQuery UI slider to part of my results view, but I've realised that the jQuery code will only affect elements in my main index.html, and not the partial views. How can I target elements inside a partial view with jQuery?

share|improve this question
    
I've heard about AngularJS development that you should try to avoid falling back to jQuery and use AngularJS for everything. It might be hard in the beginning but once you got the angular 'feeling' you won't need any jquery anymore. –  rednaw May 29 '13 at 16:14
    
Thanks for the suggestion, but there's no way (as far as I'm aware) to create a slider in Angular, so I'll need to use jQuery –  ParkerDigital May 29 '13 at 18:26
    
This isn't an answer to your direct question, but a solution might be to reference the values of the slider with a variable in the parent controller, then the elements in the child templates can reference the variable within their scope. Just a thought. –  rGil May 30 '13 at 1:07
add comment

1 Answer 1

up vote 1 down vote accepted

If you haven't used jQuery UI for everything else, there seems to be a slider code on plunker: http://plnkr.co/gqLh8PreNMBcAeXeRZF7

I got there from https://github.com/angular-ui/angular-ui/issues/252

share|improve this answer
    
That looks perfect, thanks! –  ParkerDigital May 30 '13 at 8:12
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.