WordPress.org

Ready to get started?Download WordPress

Forums

SKT Skill Bar
[resolved] JQuery animation doesnt work (bar mode) (19 posts)

  1. flo.ei
    Member
    Posted 7 months ago #

    hi, i'm testing your plugin but it doesn't seem to work, if you want to check it go to http://www.florianeichin.de/skills/

    thanks in advance

    [Moderator Note: Please ensure that you are embedding links correctly in your posts.]

    http://wordpress.org/plugins/skt-skill-bar/

  2. SKTThemes
    Member
    Plugin Author

    Posted 7 months ago #

    Hey,

    I noticed the support thread now. Sorry didn't get email for this one.

    We are checking it and letting you know in the next hour.

    Regards,
    Shri

  3. SKTThemes
    Member
    Plugin Author

    Posted 7 months ago #

    Hi,

    It is working for 3.7.1 and not for 3.8.

    Never thought it would not work.

    Give me time till tomorrow.

    Will solve it and post the updated plugin in wordpress.

  4. SKTThemes
    Member
    Plugin Author

    Posted 7 months ago #

    Hi,

    We updated the plugin recently. Can you download the latest version now and let me know if it works for you?

    Here is the link to our page in wordpress 3.8

    http://www.sktthemes.net/demo/towing/uncategorized/hello-world/

  5. GJK
    Member
    Posted 7 months ago #

    I encountered the same problem with my bar chart (downloaded it about 2 hours ago).
    Figured out that the problem lays within the 'appear' plugin.
    I removed the if statements from the sbar function (sktskillbar.php, around line 64) and that made it work.

    case 'bar':
    			$wrapCode = '<div id="skillbar_straight" style="padding:10px 0;">'.do_shortcode($content).'<div style="clear:both;"></div></div>';
    			$wrapCode .= '<script>
    				function sbar(){
    					jQuery(".skillbar").each(function(){
    						jQuery(this).find(".skillbar-bar").animate({
    							width:jQuery(this).attr("data-percent")
    						},3000);
    					});
    				}
    				if ( jQuery("#skillbar_straight").next().is(":appeared") ){
    					sbar();
    				} else {
    					jQuery( window ).scroll(function() {
    						if ( jQuery("#skillbar_straight").next().is(":appeared") ){
    							sbar();
    						}
    					});
    				}
    				</script>';
    			break;

    Only problem now is that the animation starts on pageload.

    Any ideas on how to solve this?

    Thanks in advance

  6. SKTThemes
    Member
    Plugin Author

    Posted 7 months ago #

    Yes the problem is it is working on some and not working on others so just trying to find out which script is causing the problem.

    Working on it.

  7. altalhi
    Member
    Posted 7 months ago #

    Did not work with me on 3.8 ???

  8. SKTThemes
    Member
    Plugin Author

    Posted 7 months ago #

    Hi,

    Updated the plugin to version 1.1 not sure how to update versions as this is something new for us.

    Kindly download the new plugin from wordpress and this is solved.

    Let us know

  9. sominheo
    Member
    Posted 7 months ago #

    Hi, I downloaded your plug-in about a week ago and it worked well then, but now since I've updated my wordpress to 3.8, it's stopped working.
    I wonder if this issue has been solved or not.

    just in case, you can see it here: http://sominheo.com/about/

    Thanks!

  10. SKTThemes
    Member
    Plugin Author

    Posted 7 months ago #

    Hi Sominhoe,

    Kindly remove the previous version and redownload the latest version 1.1 and it should be working on your wordpress version 3.8.

  11. GJK
    Member
    Posted 7 months ago #

    Chrom Dev Console at sominheo.com/about/ reports jQuery not defined for a number of js files.

    I think adding array('jquery') to the sbar_register_scripts function in sktskillbar.php file might do the trick.
    So it would look like this:

    function sbar_register_scripts() {
    	if ( !is_admin() ) {
    		wp_register_script('bar_script', plugins_url('skill_bar/bar/jquery.appear.js', __FILE__), array('jquery'));
    		wp_enqueue_script('bar_script');
    
    		wp_register_script('circle_script', plugins_url('skill_bar/circle/jquery.easy-pie-chart.js', __FILE__), array('jquery'));
    		wp_enqueue_script('circle_script');
    
    		wp_register_script('circle_custom_script', plugins_url('skill_bar/circle/custom.js', __FILE__), , array('jquery'));
    		wp_enqueue_script('circle_custom_script');
    
    		wp_register_script('gage_script', plugins_url('skill_bar/gage/justgage.1.0.1.min.js', __FILE__), , array('jquery'));
    		wp_enqueue_script('gage_script');
    
    		wp_register_script('gage_raphael_script', plugins_url('skill_bar/gage/raphael.2.1.0.min.js', __FILE__), , array('jquery'));
    		wp_enqueue_script('gage_raphael_script');
    	}
    }
  12. SKTThemes
    Member
    Plugin Author

    Posted 7 months ago #

    Hi GJK,

    But i released a new version 1.1 and there is no need to edit any code.

    It is working fine with 3.8, 3.7.1 on all the themes we checked.

    Please let me know if the latest version 1.1 is working for all of you since we have updated the plugin.

  13. sominheo
    Member
    Posted 7 months ago #

    Hello. I've tried what you told me to do, but it still doesn't work.
    any other suggestions? Thanks!

    http://sominheo.com/about/

  14. GJK
    Member
    Posted 7 months ago #

    I downloaded version 1.1. Works like a charm! Thanks..

  15. SKTThemes
    Member
    Plugin Author

    Posted 7 months ago #

    Hi Sominheo,

    So did you try GJK edit or did you updated plugin to version 1.1?

    Can you let us know because yesterday we tested version 1.1 on 27 sites and it worked just fine

  16. sominheo
    Member
    Posted 7 months ago #

    Hi. I tried both actually, but both didn't work out for me.
    and now I updated wordpress version 3.8 to 3.8.1. maybe that's why it didn't work on mine? I'm not sure..

  17. SKTThemes
    Member
    Plugin Author

    Posted 7 months ago #

    We updated ours to 3.8.1 and see it working. You have other js i.e. toggle or fade working on the homepage: http://sominheo.com hence not working. Will check and work on something which works for jquery conflict like this.

  18. SKTThemes
    Member
    Plugin Author

    Posted 7 months ago #

    Hi Sominheo,

    Will work on some solution for conflicts with other jquery and how to resolve something like this.

    Give me time till Monday evening and i will have one solution for sure.

  19. SKTThemes
    Member
    Plugin Author

    Posted 7 months ago #

    Hi Sominheo,

    Here is the solution. Kindly load this plugin: http://wordpress.org/plugins/plugin-organizer/ and do not load any other plugins which include jquery on this page except our skt skill bar and your problem should be solved.

    This solution worked for someone else having similar problem listed here:
    http://wordpress.org/support/topic/skt-skill-bar-plugin-conflicts-with-theme?replies=10

Reply

You must log in to post.

About this Plugin

About this Topic