Question

我是JQuery的新手，只知道基本的HTML代码。所以我想知道为什么

<div data-inline="true">
<a href="index.html" data-role="button">Cancel</a>
<a href="index.html" data-role="button" data-theme="b">Save</a>
</div>

在我的html文件中不起作用，即使我公然复制了Jquery文档。按钮没有并排显示。而当我尝试的时候

<a href="index.html" data-inline="true" data-role="button">Cancel</a>
<a href="index.html" data-inline="true" data-role="button" data-theme="b">Save</a>

并且按钮并排显示。

是否与导入脚本有关？

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.css" type="text/css"/>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.5.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.js"></script

Answer 1

我不确定，但事实是：

周围的div导致jQuery无法找到锚点（或者有不同的样式）
您在上面的行中错过了data-inline =“true”

干杯

Answer 2

我认为你指的是documents from here。

我的猜测是你没有包含css文件。 JQM-docs.css

<head><base href="http://jquerymobile.com/test/docs/buttons/buttons-inline.html">
    <meta charset="utf-8">
    <meta content="width=device-width, initial-scale=1" name="viewport"> 
    <title>jQuery Mobile Docs - Buttons</title> 
    <link href="../../themes/default/" rel="stylesheet">  
    <link href="../_assets/css/jqm-docs.css" rel="stylesheet">
    <script src="../../js/jquery.js"></script>
    <script src="../../js/"></script>
    <script src="../docs/docs.js"></script>
</head>

Jquery按钮内联

2 个答案: