Need help with Jquery stuff

@DD: Just throw the code up somewhere like JSBin and paste the link over? I’d love to take a look.

SaurabhSharma said
Edit: And the coolest vertical scroll script I found was in an article on nettuts by sidhharth.

Hey guys, here’s the code : http://periodical.ddstudiosthemes.com/

@Xaver : Well, I rarely touch to jquery stuff, I leave it for others, but I think I won’t have any choice but to learn it, at least the basics.

I always said I would never code and now I’m doing the HTML /CSS and the Wordpress stuff .. so I think I’m on a good path

Hey,

i didnt read all the comment but i do that with this code :

$(function()
{
    var list_move = function()
    {
        setTimeout(function(){
            $('#my_ul_for_list li:first').animate({marginTop: '-30px'}, 800, function()
            {
                $(this).detach().appendTo('#my_ul_for_list ul').removeAttr('style');    
            });
            list_move();
        }, 4000);
    };
    list_move();
});

and #my_ul_for_list have height 30px; and overflow hidden…

Siddharth said
@DD: Just throw the code up somewhere like JSBin and paste the link over? I’d love to take a look.

SaurabhSharma said
Edit: And the coolest vertical scroll script I found was in an article on nettuts by sidhharth.

Can’t believe that the article is more than a year old. I think I’m gonna do a follow up.

@Sid – I did modified that slider to work as tabs and used in my second last Wordpress theme. . A follow up with tabs feature and auto scroll on hover(down) would be cool.

DDStudios said
Hey guys, here’s the code : http://periodical.ddstudiosthemes.com/

@Xaver : Well, I rarely touch to jquery stuff, I leave it for others, but I think I won’t have any choice but to learn it, at least the basics.

I always said I would never code and now I’m doing the HTML /CSS and the Wordpress stuff .. so I think I’m on a good path

The script you are using triggers an event called 'loaded' when the list was built. Attach the function to this event should work:

$(".tweet").tweet({
      // yourcustomoptions

}).bind('loaded',function(){

var current = 0,
    timebetween = 1000,
    tweetlist = $('.tweet_list'),
    tweets = tweetlist.find('li'),
    count = tweets.length,

    interval = setInterval(function() {
        tweets.eq(current).slideUp(function(){
             $(this).appendTo(tweetlist);
          });
        (current + 1 < count) ? current++ : current = 0;
        tweets.eq(current).slideDown();

    }, timebetween);

tweets.hide().eq(current).show();

});

should work (untested);

revaxarts said

DDStudios said
Hey guys, here’s the code : http://periodical.ddstudiosthemes.com/

@Xaver : Well, I rarely touch to jquery stuff, I leave it for others, but I think I won’t have any choice but to learn it, at least the basics.

I always said I would never code and now I’m doing the HTML /CSS and the Wordpress stuff .. so I think I’m on a good path

The script you are using triggers an event called 'loaded' when the list was built. Attach the function to this event should work:

$(".tweet").tweet({
      // yourcustomoptions

}).bind('loaded',function(){

var current = 0,
    timebetween = 1000,
    tweetlist = $('.tweet_list'),
    tweets = tweetlist.find('li'),
    count = tweets.length,

    interval = setInterval(function() {
        tweets.eq(current).slideUp(function(){
             $(this).appendTo(tweetlist);
          });
        (current + 1 < count) ? current++ : current = 0;
        tweets.eq(current).slideDown();

    }, timebetween);

tweets.hide().eq(current).show();

});

should work (untested);

Doesn’t work. http://periodical.ddstudiosthemes.com/

DDStudios said
Doesn’t work. http://periodical.ddstudiosthemes.com/

The error you are getting is

$ is not a function

jQuery is running in noConflict mode so you have to pass the $ variable into the ready callback function to use it. Or, just use j instead of $.

 j(document).ready(function($){
    $(".tweet").tweet({
      username: "ddstudios",
            join_text: "auto",
....

or

 j(document).ready(function(){
    j(".tweet").tweet({
      username: "ddstudios",
            join_text: "auto",
....

Are you using Firebug to debug your code?

sevenspark said

DDStudios said
Doesn’t work. http://periodical.ddstudiosthemes.com/

The error you are getting is

$ is not a function

jQuery is running in noConflict mode so you have to pass the $ variable into the ready callback function to use it. Or, just use j instead of $.

 j(document).ready(function($){
    $(".tweet").tweet({
      username: "ddstudios",
            join_text: "auto",
....

or

 j(document).ready(function(){
    j(".tweet").tweet({
      username: "ddstudios",
            join_text: "auto",
....

Are you using Firebug to debug your code?

Oh, it work

Thanks everyone for helping me on this one, I’ll definitly take a look at the basics of jquery this week.

Thanks so much Xaver.

sevenspark said

DDStudios said
Doesn’t work. http://periodical.ddstudiosthemes.com/

The error you are getting is

$ is not a function

jQuery is running in noConflict mode so you have to pass the $ variable into the ready callback function to use it. Or, just use j instead of $.

 j(document).ready(function($){
    $(".tweet").tweet({
      username: "ddstudios",
            join_text: "auto",
....

or

 j(document).ready(function(){
    j(".tweet").tweet({
      username: "ddstudios",
            join_text: "auto",
....

Are you using Firebug to debug your code?

Oh, it work

Thanks everyone for helping me on this one, I’ll definitly take a look at the basics of jquery this week.

Thanks so much Xaver.

No problem DD,

I recommend these blogs for jquery:

http://www.learningjquery.com/
http://jquery-howto.blogspot.com/
http://css-tricks.com/ (not only jquery)