Archived

This topic is now archived and is closed to further replies.

  • 0

Resolved Problem With Adding Jquery


Question

Posted · Report post

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

6 answers to this question

Posted · Report post

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?

Share this post


Link to post
Share on other sites

Posted · Report post

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

Posted · Report post

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

Posted · Report post

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.

Share this post


Link to post
Share on other sites

Posted · Report post

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

Posted · Report post

The topic was marked as resolved.

Share this post


Link to post
Share on other sites