Okay, So I'm pretty sure that I'm doing everything right here, but the trouble is, in the data response I get, I simply can't access ! alert(data) gives me [object Object] alert(data.email) gives me undefined console.log(typeof(data)) gives me object console.log(typeof(data.email)) gives me null
In firebug, I can see the json is correct... I Have no idea what's going on, and am in urgent need of any help!!!!
Would be very apprieciated... PS. sorry about the bad formatting below!
So I understand that there are many plugins - jCarousel to name one, which allow infinite (circular) scrolling of the elements.
Firstly, most of these are designed for image gallery scrolls - I am working with verticle columns of text, which is quite hard to get correct with the css structures they enforce (using li/ul rather than div's).
Secondly, I also want to be dynamically remove a specific column from within my scroller - and for the scroller to automatically adjust itself - again, these plugins seem not to support such a thing.
I figured, it would be much better for maintainability and future adaptability reasons, do not restrict myself by using such a plugin, but rather, add functionalities to my already existing code.
TLDR: I need a way of doing circular scrolling, preferably some sort of manipulation on the scrollLeft() function, or by using another function, but NOT a plugin such as jCarousel/jCycle etc
<div class="container"> <div class="window"> <div id="test1"> <h1>TEST<button>X</button></h1> <p>This is the content of the first test</p> </div> <div id="test2"> <h1>TEST2<button>X</button></h1> <p>This is the content of the second test</p> </div>
<div id="test3"> <h1>TEST3<button>X</button></h1> <p>This is the content of the third test</p> </div> </div> </div>
and the following script : $(document).ready(function() { $("button").click(function () { var id = $("button").closest("div").attr("id"); $("#" + id).remove(); }); });
My problem :
the problem I have, is that which ever button I click, it always removes test1 div first, then test2 div second - and so on. This happens regardless of which button I click. Any help would be much appreiciated
In my feature I would like to be able to have the following : 4 visible 'tabs' - almost like the jquerytools scrollable, which unlike the jquerytools have content to go with them, which is also visible and should scroll with the headings. This is where the jeasyui demo caught my eye - my feature should have headings which you can add and remove like the jeasyui demo (seems there is no proper implementation for add/remove with the jquerytools demo), and have content associated with them. Ideally, it seems it would be easier to use the jeasyui demo type route - except that you can only see one visible tab at a time - I'd like to have 4 column tabs visible, which when you scroll horizontally, you are presented with 4 new tabs which each have a column of information underneath them.
I hope that makes sense, and any help would be much appreciated!