0

有人可以尝试回答这个问题吗，我在很多地方都问过，但我无法得到答案。

想一想：您是否注意到在您的 facebook 个人资料中，当您在主页中继续向下滚动时，新闻源会在您滚动时继续加载，但由通知图标消息图标和主页图标组成的顶部栏是静态的。只有您的朋友新闻提要被显示，而不刷新任何其他页面内容。

这是 Ajax 转换，对吗？

我提到上面的例子只是为了让你知道我在我的页面中想要什么。

我正在使用 jquery mobile 开发一个问答游戏。有 2 支队伍，每支队伍都有一个 X 和 O 标记。

单选按钮：TEAM -X 和 TEAM -Y 位于页面顶部，单选按钮代码为：

<div style="margin-left:510px;">
    <div data-role="fieldcontain">
        <fieldset data-role="controlgroup" data-type="horizontal">
            <input type="radio" name="players" id="playerx"/>
             <label for="playerx"><b>TEAM - X</b></label>
             <input type="radio" name="players" id="playery"/>
              <label for="playery"><b>TEAM - O</b></label>                                      
        </fieldset>
     </div>            
</div>

接下来是一系列 9 个正方形，代码如下：

    <div id = "box">
      <li><br/>
        <div style = "margin-left: 550px;">
<canvas id = "canvas1"  width="50" height="50"      style="border:3px solid #3B6EA1"  onclick="canvasClicked(1)"></canvas>

    <canvas id = "canvas2"  width="50" height="50" style="border:3px solid #3B6EA1" onclick="canvasClicked(2)"></canvas>

    <!-- Similarly for rest of the 7 boxes -->
        </div>
       </li>
    </div>

下面是问题，代码是这样的。这个问题比上边距低 500 像素。QUESTION CODE:

<div class = "questionHolder">
            <div class = "questionBorder">
                <h4 style = "color: #58CE2D; font-size: 21px;">Who tirelessly hacked in a garage, to give the world PHP?</h4>
                <div class = "ui-grid-b">
                    <div class = "ui-block-a"><a href = "#anagram1" data-rel = "dialog" style = "text-decoration:none;" ><button data-theme = "b" data-icon = "star">ANAGRAM</button></a></div>
                    <div class = "ui-block-b"><a href = "#answer1" data-rel = "dialog" style = "text-decoration: none;"><button data-theme = "b" data-icon = "check">ANSWER</button></a></div>
                    <div class = "ui-block-c"><a href = "#question2" style = "text-decoration: none;"><button data-theme = "b" data-icon = "forward">NEXT</button></a></div>
                </div>
            </div>

现在考虑我有很多这样的问题（html 页面）。说 ques1.html、quest2.html ques3.html 等。

这些 ques1.html、ques2.html 等仅由QUESTION CODE:其他组成。

当用户在特定问题中按下 NEXT 按钮时，我只想加载 quest2.html 或 question3.html 而不刷新单选按钮代码或 TIC-TAC_TOE 框代码。请指导我。我真的很难实现 $get() 方法。我的
页面将 ajax-transition 设置为 true。

4

1 回答 1

1

要将 HTML 代码加载到页面中，请使用.load('file.html').

$('.target').load('page.html');

.target可以是一个#idor.class或任何 jQuery 选择器。

于 2013-05-02T12:42:45.663 回答