Skip to content

Instantly share code, notes, and snippets.

@rjlutz rjlutz/html changes
Last active May 24, 2017

Embed
What would you like to do?
Guacamole Cordova Walkthrough
<!-- link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" />
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script -->
<link rel="stylesheet" href="lib/jquery.mobile-1.4.5/jquery.mobile-1.4.5.min.css" />
<script src="lib/jquery-2.1.4/jquery-2.1.4.min.js"></script>
<script src="lib/jquery.mobile-1.4.5/jquery.mobile-1.4.5.min.js"></script>
...
<div align="center">
<img src="img/guacamole.png" alt="Guacamole!" width="85%" >
</div>
...
<div data-role="main" class="ui-content">
<h1>Guacamole Recipe</h1>
<h2>Ingredients</h2>
<ul id="myList" style="list-style-type:none">
<li>3 chopped avacados</li>
<li>1 juiced lime</li>
<li>2 chopped tomatoes</li>
<li>1 T chopped cilantro</li>
</ul>
<h2>Directions</h2>
<ul style="list-style-type:none">
<li>Mash the ingredients. Add salt, cumin, garlic, and cayenne to taste.</li>
</ul>
<div align="center">
<p id="backBtn" style="text-transform:none">
<a href="#pageone" data-role="button" data-inline="true">Go Back</a>
</p>
</div>
</div>
https://www.w3schools.com/jquerymobile/jquerymobile_pages.asp
https://www.w3schools.com/jquerymobile/tryit.asp?filename=tryjqmob_pages
lib.jar in Week 2 folder
guacamole image in week 2 folder
$('#myList').append('<li>2 lbs. soy sauce</li>');
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.