我的jquery移动数据图标出了什么问题?

时间:2013-07-18 21:36:31

标签: jquery jquery-mobile button icons

我的主页按钮有一个图标,根据我所知道它应该有效,但不是。有谁知道为什么?

我的代码如下,我也包含了一些标题。

    <link href="assets/css/style1.css" rel="stylesheet" type="text/css"/>
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css" />

    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script>

</head>

<body>
<div data-role="page">
    <div data-role="header">
        <div class="title"><h2>Howard Consulting and Investments</h2></div>
    </div>
    <div data-role="content">
        <a href="#home" data-role="button" data-icon="arrow-r">Home</a>
        <a href="#project" data-role="button" data-icon="arrow-r" data-theme="a">Projects</a>
        <a href="#event" data-role="button">Events</a>
        <a href="#oppertnity" data-role="button">Oppertunities</a>
        <a href="#contact" data-role="button">Contact Us</a>
    </div>

1 个答案:

答案 0 :(得分:0)

您的代码似乎对我有用..请参阅jsfiddle

<div data-role="page">
    <div data-role="header">
        <div class="title">
            <h2>Howard Consulting and Investments</h2>
        </div>
    </div>
    <div data-role="content"> 
        <a href="#home" data-role="button" data-icon="arrow-r">Home</a>
        <a href="#project" data-role="button" data-icon="arrow-r" data-theme="a">Projects</a>
        <a href="#event" data-role="button">Events</a>
        <a href="#oppertnity" data-role="button">Oppertunities</a>
        <a href="#contact" data-role="button">Contact Us</a>

    </div>
</div>