在jquerymobile中自定义按钮?

时间:2012-07-07 09:47:48

标签: html css html5 jquery-mobile

这就是我的JQueryMobile按钮:

    <p><a href="#test1" data-role="button" class="testbutton1">Test 1</a></p>   

那就是css spezification:

.testbutton1 {
    /* Fallback for web browsers that don't support RGBa */
    background-color: rgb(0, 0, 0);
    /* RGBa with 0.6 opacity */
    background-color: rgba(0, 0, 0, 0.6);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";   
}

当我加载html端。什么都没发生? 我的错是什么?

事先提前

- 1.Update - 谢谢你的回答! 好的,这就是我的支持:

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

但没有任何反应......大声笑

1 个答案:

答案 0 :(得分:0)

确保包含:

  • 核心jQuery
  • jQuery mobile
  • jQuery mobile CSS

它应该有效 - http://jsfiddle.net/Jhvqh/

此外,我认为您不需要在移动设备上支持旧的IE-s。