Question

尝试创建一个div，我们可以通过ajax加载内容控制其内容（以及预加载器上的标签以防万一）

我创建的小提琴就在这里（我的代码很糟糕。）

http://jsfiddle.net/ozzy/Vcwj5/2/

有人可以解释..

我需要在页面加载时显示一个特定的div（而不是加载器gif）
选择内容，例如。 apples.html被加载到div中。
在获取内容时，加载程序会暂时显示。

感谢任何帮助

干杯Ste

Answer 1

如果您要预加载<option value="null">--- Please Select---</option>，可以删除apples.html。将apples设为default selected。

<select id="myads" name="ads" style="width: 150px;" class="required">
   <option value="apples.html" selected >apples</option>
   <option value="pears.html">pears</option>
   <option value="carrots.html">carrots</option>
</select>


<div id="adshowblock">

 </div>
<div class="loader" style="display:none;"> // hide this div, it is to use later
    <img src="http://carestream.com/images/ajax-loader.gif"></div>
</div>

<强> JQuery的：

$("#adshowblock").html($('.loader').html()); // display loader in div
$("#adshowblock").load("apples.html"); // add this step on document load , loader will be hidden when data is loaded.
$("#myads").change(function(){
     $("#adshowblock").html($('.loader').html());
     $("#adshowblock").load($(this).val());
});

Answer 2

因此所有这些文件都存在于同一个域中且路径正确，此代码更新将起作用 http://jsfiddle.net/Vcwj5/9/

使用带预加载器的ajax通过选择框加载页面内容

2 个答案: