• Resolved virtuoso102

    (@virtuoso102)


    Hello, I would appreciate any help; I’m a student web developer attempting to fulfill the request of my supervisor. First off, the fundamental purpose of what I’m using this plugin for is to integrate a twitter carousel into a page so that is as similar as possible to that seen on the bottom of this page: https://oaa.osu.edu .

    It’s not working – my only clue is in the console where the following error appears: “Uncaught Error: Syntax error, unrecognized expression: .collapse#”. However, this wasn’t the first error that appeared. There was an error that appeared before this one that said: “jTypeError: jQuery(‘.rotatingtweets’).cycle is not a function. (In ‘jQuery(‘.rotatingtweets’).cycle()’, ‘jQuery(‘.rotatingtweets’).cycle’ is undefined)”. I’m not sure if this is relevant or not but I figured I should include it.

    I uninstalled and re-uploaded the plugin, toggled SSL verification in the settings as well as the JQuery version and where to load the Plugin (Header vs. Footer). I also read other topics and checked for duplicated js files and had no luck.

    Here are the short-codes I used for each appearance of the plugin you will see on the given page – each application of it is separated by “<——Separator—–>”:
    [rotatingtweets screen_name=’OhioStateUCAT’ official_format=’1′ show_media=’1′]

    [twitter_profile screen_name=’OhioStateUCAT’ height=’400′ limit=’1′]

    [rotatingtweets official_format=’2′ rotation_type=’scrollUp’ screen_name=’OhioStateUCAT’ include_rts=’1′ tweet_count=’7′ timeout=’4000′]

    [rotatingtweets screen_name=’OhioStateUCAT’ timeout=’5000′ rotation_type = ‘carousel’ show_media=’1′ show_follow=’1′ carousel_horizontal = ‘1’ carousel_count = ‘5’ show_meta_pager = ‘1’ official_format = ‘1’ links_in_new_window = ‘1’ carousel_responsive = ‘1’]

    Again, I appreciate your time and effort!

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author Martin Tod

    (@mpntod)

    This is a bit of an unusual case.

    Because Cyclone Slider has been installed – and it uses the same rotation script, Rotating Tweets is trying to use its copy of JQuery Cycle 2 to rotate the tweets.

    But something appears to be overwriting or blocking Cyclone Slider’s copy of JQuery Cycle 2.

    If you’re not using Cyclone Slider (and you might not be since it’s not clear how it would be working properly), a simple test would be to switch it off. Another option, if it’s possible, would be to get it loaded at the bottom of the page.

    I’ll do some testing with Cyclone Slider and see if any recent upgrades have broken Rotating Tweets’ integration with it.

    • This reply was modified 6 years, 11 months ago by Martin Tod.
    Plugin Author Martin Tod

    (@mpntod)

    It’s because your page loads jQuery twice. The second loading wipes out most of the jQuery-related JavaScript that comes earlier on the page – including the Cycle 2 script.

    The problem line is around line 885 on the home page:

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
        <script src="//code.jquery.com/jquery.js"></script>
    

    If you comment this out, the page should work properly.

    The core problem is that the theme designer has hardcoded the loading of a JavaScript into a template. It’s always better to use wp_enqueue_script() for this.

    • This reply was modified 6 years, 11 months ago by Martin Tod.
    • This reply was modified 6 years, 11 months ago by Martin Tod.
    Thread Starter virtuoso102

    (@virtuoso102)

    Hello! I appreciate your prompt response; I’m glad to say that you gave the exact accurate, precise information needed to fix the issue. I just have a few more questions and then I’ll close the topic.

    First, will commenting out this specific line negatively impact anything on the site? I understand the possibility that my predecessor might have needed to include the logic for other functionality in templates/files that you may not have access to in the debugger. If this is likely, what’s the correct way to include the aforementioned “wp_enqueue_script()” into the PHP template?

    My predecessor and I are not pursuing majors that are relevant to CIS, CSE, ECE, etc. so we aren’t especially fluent in the more intricate details of web design… However, I do have experience with software manipulation and web development and still find it satisfying and interesting. For the last two years, I’ve been interning (I was initially pursuing Electrical and Computer Engineering until I switched engineering fields – I’m still working towards a minor in CIS) at a corporation who relies on their own, integrated software to run efficiently and conduct business. I’ve learned several languages along the way (ironically, PHP was never utilized); much of my work consists of converting ASP Classic and developing webpages from the ground up – basically doing the “stuff” WordPress does for its users. Thus, WordPress and its PHP utilization has presented a slight learning curve for me. Anyway, I appreciate your time. Also, if you know of any reputable businesses around the Columbus area that might present a positive opportunity for an internship let me know; it’s long shot considering we’re in entirely different countries but nevertheless… Thanks again!

    Thread Starter virtuoso102

    (@virtuoso102)

    Also, is there a way to eliminate some of the “skittish” the rotating, horizontal carousel shows when rotating? Just to smooth it out a little. I apologize if this sounds “nit-picky”.

    Plugin Author Martin Tod

    (@mpntod)

    JQuery is already being loaded further up the page, so commenting out that line shouldn’t cause any problems. It should make the whole site work better.

    The advantage of using wp_enqueue_script() is that it handles the sequencing and dependencies of your JavaScript for you. But if your site is working, it’s probably not worth it unless you plan to use WordPress more in in the future – and want to learn how to use the function.

    In terms of skittishness, perhaps try changing the speed setting or picking a different rotation_type. All the options are here.

    Plugin Author Martin Tod

    (@mpntod)

    PS: I can’t help you with Columbus internships I’m afraid!

    Thread Starter virtuoso102

    (@virtuoso102)

    Once again, I appreciate your prompt response. I am completely satisfied and will see about donating – college kinda puts pressure on the wallet. Anyway, thanks again.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Carousel, prev/next Buttons Not Working’ is closed to new replies.