Converting to the Optic ready them in Miva 9. All is good, however a problem I'm having is my old site has a lot of long text descriptions. This type of thing works totally fine on a desktop website, but is a bit overkill for the mobil platform. However, my dilemma is that I feel much of the text explanations are important.
So i have used Jquery in the past with no issues (outside of MIVA), but I can't get it work with MIVA, which I'm assuming is due to CSS conflicts. The way the jquery thing would work would be to put the following in the HEAD section:
<!-- Include the jQuery Style Sheet -->
...and then in the <BODY> reference the data-role="collapsible" within a <div> to create a collpasible section as I have demonstrated below.
The problem is as soon as I link to the JQuery CSS file above nothing renders in Miva and I get a blank white screen.. I must be barking up the wrong tree here. Any ideas?
So i have used Jquery in the past with no issues (outside of MIVA), but I can't get it work with MIVA, which I'm assuming is due to CSS conflicts. The way the jquery thing would work would be to put the following in the HEAD section:
<!-- Include the jQuery Style Sheet -->
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
<!-- Include the jQuery library -->
<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
<!-- Include the jQuery Mobile library -->
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
<!-- Include the jQuery library -->
<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
<!-- Include the jQuery Mobile library -->
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
...and then in the <BODY> reference the data-role="collapsible" within a <div> to create a collpasible section as I have demonstrated below.
<div style="width: 100%;" data-role="collapsible">
<h1>Sample Title</h1>
<p>
Sample text to be collapsed blah blah blah blah.
</p>
</div>
<h1>Sample Title</h1>
<p>
Sample text to be collapsed blah blah blah blah.
</p>
</div>
The problem is as soon as I link to the JQuery CSS file above nothing renders in Miva and I get a blank white screen.. I must be barking up the wrong tree here. Any ideas?
Comment