使用div Ajax将静态JQuery页面加载到div标记
使用div Ajax将静态JQuery页面加载到div标记
提问于 2014-02-27 01:05:48
我得到了这个工作，但我需要一个默认页面显示之前，你选择一个，我该怎么做？还有可能隐藏页面文件吗？因此，当您查看源代码时，它不会显示。
<script src="http://code.jquery.com/jquery-1.4.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#page1").click(function(){
$('#result').load('latestmembers.php');
//alert("Thanks for visiting!");
});
$("#page2").click(function(){
$('#result').load('Females.php');
//alert("Thanks for visiting!");
});
});
</script>
<ul>
<li><a id="page1" href="#">Latest Members</a></li>
<li><a id="page2" href="#">female members</a></li>
</ul>
<div id="result" style="clear:both;">
</div>Default将在加载时加载，然后您可以选择仅查看最新成员或女性成员。
回答 2
Stack Overflow用户
发布于 2014-02-27 01:08:28
$(document).ready(function(){
$('#result').load('latestmembers.php'); // default page
$("#page1").click(function(){
$('#result').load('latestmembers.php');
//alert("Thanks for visiting!");
});
$("#page2").click(function(){
$('#result').load('Females.php');
//alert("Thanks for visiting!");
});
});JavaScript是客户端代码，你不能对源代码隐藏任何东西。
Stack Overflow用户
发布于 2014-02-27 01:16:35
第一个问题:默认页面
$(document).ready(function(){
$("#page1").click(function(){
$('#result').load('latestmembers.php');
//alert("Thanks for visiting!");
});
$("#page2").click(function(){
$('#result').load('Females.php');
//alert("Thanks for visiting!");
});
// Default page load
$('#result').load('defaultPage.php');
});第二个问题:隐藏页面名称
基本上，您在JavaScript上编写的任何内容都是用户可以查看的，因此您可以选择任何变通方法(不认为这是一个好主意)您可以使用参数调用像getPage.php这样的单个页面，并希望通过不同的参数返回什么内容下面的示例
$(document).ready(function(){
$("#page1").click(function(){
$('#result').load('getPage.php?pid=lm'); // by the pid(page ID) you can check that its for latestmembers.php
//alert("Thanks for visiting!");
});
$("#page2").click(function(){
$('#result').load('getPage.php?pid=fe'); // by the pid(page ID) you can check that its for Females.php
//alert("Thanks for visiting!");
});
// Default page load with no argument
$('#result').load('getPage.php');
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/22048320
复制相关文章
相似问题
腾讯云开发者
