my question is similar to this
Using Isotope with AngularJS (ng-repeat)
but I cant seem to get mine to work.
i have made a jsfiddle here.
http://jsfiddle.net/hendhyhutomo/pn937pbq/9/
Everytime i put in the isotope execution line it just stacks up to one.
I have tried the best answer for the solution here by adding this line
$http.$watch('doodlesContent',function(){
$('.doodleswrapper').isotope({
itemSelector: '.doodles-item'
});
});
http://jsfiddle.net/hendhyhutomo/pn937pbq/8/
which makes it worse. Maybe I didnt do it correctly. But some help please!
I also tried angular-isotope. But everytime i run it, the console give me an error that angular-isotope has a missing function.
Related
I have a simple Ajax function that changes a div.
The following code works, but it loads the index.php in my div also, which I don't want.
xmlhttp.open("GET","index.php?p=productDesc&q="+currentID,true);
Although the above works I'm trying to take the productDesc.php only, and it does not work.
xmlhttp.open("GET","pages/productDesc&q="+currentID,true);
Any ideas what might be causing that?
I searched but according to what I found I don't have anything wrong.
Any help appreciated.
I'm using angular-isotope in my homepage to organize my items but sometimes it overlap my images...
To fix it I know I should use imagesLoaded and when I used Isotope with jQuery it was pretty easy to implement but now I'm using it with AngularJS how can I add it?
I tried to modify a bit the directive but I still don't have the knowledge to do it properly and I received tons of errors or it didn't worked at all...
I also found angular-images-loaded but I can not understand how to implement it to work with angular-isotope.
I'm pretty sure someone already had this kind of problem but I didn't found any Question related to this argument here or Googleling around.
A link to a tutorial or a small piece of code would be appreciated to understand how to fix / implement it.
I am using primefaces 4.0 and jsf 2.2 in my Application. I have created a page where a datatable is nested in a tabview. Now when I want to filter the datatable, it keeps loading and doesn't how a result.
After some time i recognized, that javascript throws the following error: "Widget for var 'test' not available! ".
I guess this should be the issue, but what's the problem or how can i solve this? Does anyone have an idea?
Best Regards!
I am posting my answer here hopefully can help some people out there.
I have the same problem. My case is I want to perform the default filter for my <p:dataTable>, thus, I have to perform the PF('dtWidgetVar').filter(); script in javascript when page load.
This is my initial attemp:
$(document).ready(function()
{
PF('dtWidgetVar').filter();
});
It looks perfectly fine, but just doesn't work. Until I find the error in Chrome console Widget for var 'dtWidgetVar' not available!, and googling it for hours, finally I found this thread. Therefore I add a $(function(){}); to wrap my script as below:
$(document).ready(function()
{
$(function()
{
PF('dtWidgetVar').filter();
});
});
BOOM!, finally it works. From here as well as here both stating that the $(function(){}); and $(document).ready(function(){}); are actually the same, so I have also no clue why it works. I have also try to only use $(function(){}); but it doesn't work. Have to use both functions to make it works, at least in my case. But still, I hope this helps some humans! Sorry for my bad English.
In the absence of posted code it's impossible to say. However, there are a couple of things I can suggest to look for.
Check to see if you have a duplicate widget name in your view.
Obviously you wouldn't intuit that from the message you got, but I
recall in the past getting this same message for duplicate widget
names
Check to see if you have a component where you've given the widget var the same name as the ID. I've read that this is to be avoided.
A very common error is to conflate ids and widget names. That
is, you are trying to use an ID as a widget var
See what in your code is trying to reference "test"
I can't confirm this myself, but I've seen other StackOverflow posts that suggest this is a possible error when you have imported two copies of the jQuery library
I've experienced Widget for var '[widgetVar]' not available when using p:ajax update="#all" inside a p:commandButton. I could avoid the issue by putting content to be updated in a h:panelGroup which I referenced in update and put the element declaring widgetVar outside that panel group.
Related Topic
So in the link above is a topic related to what I am trying to figure out. but I'm not sure.
Here is whats going on, my index template is being rendered but visually I can't see anything. I don't have any JS errors and it works just fine. When I inspect it all the code shows up but FOR some reason i cant see(visually see the code thats rendered) it. the only thing that shows is the navigation. which is not part of the template.
So I though well take the whole thing out and call the {{outlet}} last...NOPE still saw nothing but the navigation.
I'm trying not to be vague Im new to ember and stackoverflow. Not sure if the link to the actual problem is enough. let me know if any further explanation is needed
There seems to be a problem with the http://www.redberryapp.com/phonegap/css/redberry.css
please have a look at the example below,
http://emberjs.jsbin.com/kanobobe/1/edit
it has been created from the code/files found in www.redberryapp.com and it seems to display the content if
<link rel="stylesheet" href="http://www.redberryapp.com/phonegap/css/redberry.css">
stays commented out. The template always gets rendered, but it is not displayed if the specific stylesheet is active.
Thank you i thought i deleted my question i did discover it was my css more specifically I had to set a style on [id*='ember'] {} so that when the app started it would play well with my framework
Can someone please help me to understand what Am I doing wrong ?
I am using the isotope jquery plugin , all works ok, except filtering ..
I reproduced the problem here --> http://jsfiddle.net/AxCCT/
this looks pretty straight forward , I am obviously missing the obvious here .
I have followed the instructions here http://isotope.metafizzy.co/docs/filtering.html
Progress!
I changed a lot of stuff and it is sort of working now. It sorts and then immediately snaps back (might be a jsFiddle thing? Try loading this into your page and see what happens)
I'm doing an Isotope project right now at the moment and I'm using:
$(document).ready(function() {
// initialize isotope
});
I tried to use that in the Fiddle but it didn't like it for some reason.
Edit: working solution below, thanks to #jaychapani for pointing out the HTML error.