Jump to content
netheads

Problem With Adding Jquery

Recommended Posts

netheads    0
netheads

I am having a problem with a custom slider i am trying to add into a page on pagelines. When ever i add all the code into the page, it does not display it.

Here is a link to the page http://net-heads.co.uk/demo4/127-2/

I am using the Code from the liteAccordion Plugin here: https://github.com/nikki/liteAccordion

The main page for the plugin is http://nicolahibbert.com/demo/liteAccordion/

I have got it working locally in just a HTML Document, But whenever i place it in the site. It never seems to work, Can anyone provide any assistance?

Is it a conflict with the Jquery in Pagelines or WordPress, and if so how can i work around it?

Share this post


Link to post
Share on other sites
catrina    103
catrina

Can you please paste the code that you're pasting into the page? Also, are you using the HTML editor in the page editor to insert it?


Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
netheads    0
netheads

I am adding the content in the HTML area of the page.

<div id="one">

<ol>

<li>

<h2><span>Slide One</span></h2>

<div>

<figure>

<img src="img-demo/1.jpg" alt="image" />

<figcaption>Assassini!</figcaption>

</figure>

</div>

</li>

<li>

<h2><span>Slide Two</span></h2>

<div>

<figure>

<img src="img-demo/2.jpg" alt="image" />

<figcaption>Couldn't find an image of a Khajit thief! Fail!</figcaption>

</figure>

</div>

</li>

<li>

<h2><span>Slide Three</span></h2>

<div>

<figure>

<img src="img-demo/3.jpg" alt="image" />

<figcaption>That's one angry looking red dude.</figcaption>

</figure>

</div>

</li>

<li>

<h2><span>Slide Four</span></h2>

<div>

<figure>

<img src="img-demo/4.jpg" width="768" alt="image" />

<figcaption>Was fun for a couple of hours or so...</figcaption>

</figure>

</div>

</li>

<li>

<h2><span>Slide Five</span></h2>

<div>

<figure>

<img src="img-demo/5.jpg" alt="image" />

<figcaption>Not as good as Hot Pursuit.</figcaption>

</figure>

</div>

</li>

</ol>

<noscript>

<p>Please enable Javascript to get the full experience.</p>

</noscript>

</div>

Share this post


Link to post
Share on other sites
netheads    0
netheads

Here is a link to what it should render like on jsfiddle.net. http://jsfiddle.net/Xvbaq/.

This has the 3 prerequisites installed that it needs to run which are all located on the main site aswell.

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

Hi,

Add the jQuery code to either Header scripts or Footer scripts in PageLines > Site Options > Custom Code and only add the HTML into the page.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
netheads    0
netheads

I have moved all the page script to the footer area of PageLines and it is working now.

Thanks

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

The topic was marked as resolved.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now


  • Similar Content

    • cas45
      By cas45+
      I am running a site based on PageLines Framework 2.5.0. I am making some changes to a current website and managed to find a script that will do what I want.:
       
      $(".vend-cat").each( function() {
          if ( $(this).find(".no-vendors").html() == '' ) {
                 $(this).hide();
          }
      } );
       
      I have tested it on jsfiddle and it works fine. It does however need to be adapted to work with jQuery for pagelines and wordpress. Any help or advice?
       
      Thanks
    • unifeyed
      By unifeyed+
      Hello there. 
      I am trying to have all the ® symbols throughout my website superscript without having to individually go to each symbol and wrap them in <sup> tags. There is quite a bit of them. I have the following code within the Custom Scripts, but it seems to cause issues with the Hamburger navigation, as it does not seem to work. Can you offer up some assistance? 

      <script>
      jQuery(document).ready(function() {
                 jQuery("body").html(
          jQuery("body").html().replace(/®/gi, '<sup>®</sup>').replace(/®/gi, '<sup>®</sup>')
         );
              });
      </script>
    • Perry
      By Perry+
      Hello there,
      We are still using DMS 2 and were wondering if it was at all compatible with slider revolution. (https://codecanyon.net/item/slider-revolution-responsive-wordpress-plugin/2751380). Our issue is that the default revslider for DMS clips the top and sides of videos when made responsive. As the video is made smaller or larger the bottom of it tends to be cut off, or the sides are. We noticed slider revolution was 100% responsive, but have had numerous issues even getting it to display in DMS 2. We have tried using the shortcode, and various php scripts to no avail. Our last attempt was to try and load it with header scripts, but at this point we seem to be further away than ever. 
      This leads me to a few questions:
      1. Is Slider Revolution even compatible with DMS2?
      2. Is there a way we can get 100% responsive video in DMS 2 with zero clipping? (tonyrobbins.com is another good example of the effect we are trying to achieve.)
      3. If Slider Revolution is compatible, how do we go about adding it in?
       
      Thank you for any help.
       
    • vanessabt
      By vanessabt+
      Hi Developers, I wasn’t sure what the best way to get feedback was but didn’t really want to put this in the facebook group, I did put this in the slack developers group but trying to figure out the fastest way to get feedback.  I am starting a new site for a client and was looking through the showcase to see if there were any samples for slider modifications like I am trying to do for our build and couldn’t find them.  Basically I want to have a blue section at the bottom of each slide that has text in it.  The text will change with each slide along with the image.  Was wondering if anyone had any thoughts on how this modification could be made?  Here is a sample of the slider from the design.

    • paoloimperiale
      By paoloimperiale+
      Hi, 
      I was wondering if there's a way to modify the slider container size? My client would like it skinner- not as tall. How would you suggest doing that?
      Thank you.
      (this is for the paoloimperiale.com slider on the homepage) 
×