Git Product home page Git Product logo

Comments (2)

commadelimited avatar commadelimited commented on August 17, 2024

@kennethahn I've released an upgrade to Icon Pack which changed some of the icon names. Could you please double check this behaviour?

from jquery-mobile-icon-pack.

kennethahn avatar kennethahn commented on August 17, 2024

Well, it seems ok in the latest version - but that doesn't work with older jquery mobile. :)
Anyways, I used the attached html snippet to test.

Thank you for your efforts.

Cheers,
Kenneth

<html>
<head>

<!-- jquery old version 
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css" />
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
-->

<!-- use with older jquery version above -->
<!-- Enable next line and bars icon turns into plus, menu icon turns into bars and phone icon appears -->
<!-- <link rel="stylesheet" href="jQuery-Mobile-Icon-Pack-master.old/original/jqm-icon-pack-2.0-original.css" />  -->
<!-- same here -->
<!-- <link rel="stylesheet" href="jQuery-Mobile-Icon-Pack-1.3.x/original/jqm-icon-pack-2.0-original.css" /> -->

<!-- the latest version from git, requires newer jquery framework  -->
<!-- - now I get bars to the left, nothing to the right and phone working ok (so menu was apparently renamed to bars)-->
<link href="http://code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.css" rel="stylesheet">
<link href="http://code.jquery.com/mobile/1.4.0/jquery.mobile.icons-1.4.0.css" rel="stylesheet">
<link rel="stylesheet" href="jQuery-Mobile-Icon-Pack-master/jqm-icon-pack-fa.css" /> 
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.js"></script>


</head>
<body>
<div data-role="page" id="main">
    <div data-role="header">
        <a href="#main" data-role="button" data-icon="bars" data-theme="a">Oversigt</a>
        <a href="#underside" data-role="button" data-icon="menu"   data-theme="a">Underside</a>
        <h1>Overskriften</h1>
    </div>
    <div data-role="content">
        <p>
        Her er et telefonnummer
            <a data-role="button" data-icon="phone" href="#underside">Kenneth</a>
        </p>
    </div>
</div>
</body>
</html>

from jquery-mobile-icon-pack.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.