我对脚本的了解非常有限,所以我希望你们能帮助我解决我遇到的一个小问题......
我正在使用以下 jquery 函数在单击链接时使用新内容刷新 div
<script>
$(function() {
$("#myButton").click(function() {
$("#loaddiv").fadeOut('slow').load("reload.php").fadeIn("slow");
});
});
</script>
我的问题是,我需要将 2 个变量发送到 reload.php 页面以在 mysql 查询中使用(我不知道如何实现),我还需要使多个链接与此功能一起使用,在现在我有多个具有相同 ID 的链接,但只有第一个链接有效,所以我想我必须将不同的 ID 关联到该函数才能使其正常工作,我该怎么做?
这是我正在使用它的页面:http://www.emulegion.info/teste/games/game.php
最佳答案
您可能希望在第一行使用 document ready 而不是 function,因为这将确保在加载整个页面(和所有元素)之前不会执行代码。
然后可以使用fade和load的回调函数及时执行 Action 。
您可以在 .php 之后添加其他变量,然后可以在您的 reload.php 文件中读取这些变量,如 $var1 = $_GET['var1']; 为了安全起见,请务必对这些进行 sanitizer 。
<script type="text/javascript">
// execute when document is ready
$(document).ready(function() {
// add click handler to your button
$("#myButton").click(function() {
// fade div out
$("#loaddiv").fadeOut('slow',function(){
// load new content
$("#loaddiv").load("reload.php?var1=foo&var2=bar",function(){
// content has finished loading, fade div in.
$("#loaddiv").fadeIn('slow');
}); // end load content
}); // end fade div out
}); // end add click to button
}); // end document ready
</script>
对于不同的变量,您可以将 HTML5 样式变量添加到您的按钮。
<input type="button" id="myButton" data-var1="foo" data-var2="bar" />
您可以在单击按钮时检索它:
// add click handler to your button
$("#myButton").click(function() {
// get vars to use
var var1 = $(this).data('var1');
var var2 = $(this).data('var2');
...
load("reload.php?var1="+var1+"&var2="+var2
如果您有多个按钮/链接,我会使用类而不是 id“myButton”。这样您就可以使用上述脚本将该功能应用于所有按钮。只需将“#myButton”替换为“.myButton”
关于php - 使用仅工作一次的 jquery 加载函数重新加载 div 以及如何传递变量,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14227858/