如何用jquery增加css值？
我想增加顶部和左边的值,这是我尝试但不起作用:
var left = 5;
$(.object).css("left" + 5);
问题是我需要将值作为整数而不是像"5px"这样的字符串.我需要5,所以我可以用数字表达式来改变它.
我正在尝试制作一个实现PHP的HTML5幻灯片系统.我的想法开始于创建一个检测文件夹中图像的系统,并将它们放在一个数组中,然后jquery将能够访问该幻灯片中的实现.首先,我有一个php文件,它将检测文件夹中每个文件的名称,并将它们输出为纯文本.
如何,而不是输出为纯文本,我可以使PHP将文件名转移到数字数组,可以与jquery一起使用,然后它将伴随它？
我打算使用jquery来访问随后生成的数值数组.这是怎么做到的？除非不可能,否则怎么办呢？
目标是能够将文件放在文件夹中,并使脚本能够动态识别文件的存在,并将它们合并到幻灯片中.此幻灯片将输出到屏幕显示,将在等候区使用,通过幻灯片显示学校的图像展示我们学校.
这是我到目前为止的代码:
<?php
//Open images directory
$dir = opendir("images");
//List files in images directory
while (($file = readdir($dir)) !== false)
{
echo "filename: " . $file . "<br />";
}
closedir($dir);
?>
此时我不知道如何让PHP与Javascript"交谈".我希望有一些简单的方法,我认为我想要的是AJAX,但我不知道它是如何工作的.
我试图用jQuery从页面中删除一个对象.我也想动画删除.目标是使元素fadeOut(),等待一秒,然后删除().但它似乎拒绝等待删除元素,即使我在setTimeout()函数中使用它.如何创建元素fadeOut(),然后删除()它？
$("button").click(function() {
$(this).fadeOut();
setTimeout(function() { $(this).remove();}, 1000);
});
我正在开发一个允许用户从对象生成对象的系统.它类似于Win7便签系统; 便笺可以制作新的便笺,并自行删除.我试图用jquery实现这个,但是当我尝试添加新对象时存在重复问题.
在jquery中,我告诉代码创建第二个"对象",它是一个变量,用于保存包含其中包含添加和删除按钮的对象的html.如果您查看html页面,则更有意义.当我告诉jquery制作这个对象时,它完美无缺.除了它制作的对象不会产生更多的对象!由于某种原因,jquery无法识别它刚刚创建的新对象的存在.作为一种解决方案,我尝试重新调用.click()函数,该函数监听用户点击添加或删除按钮.只有当我添加一个新对象时,它才会使它成倍增加,而整个时间删除按钮都没有正常运行.
有人可以修改我的代码吗？
<html>
<head>
<style type="text/css">
.environment {height:500px; width:500px; border:1px solid black;background:lightyellow;text-align:center;overflow:auto;}
.object {height:50px; width:40%;border:1px solid black;background:#F0F0F0;padding:5px;margin:5px;float:left;}
.delObject {float:right;}
</style>
<script type="text/javascript" src="jquery-1.7.2.js"></script>
<script type="text/javascript">
var object = "<div class='object'>object<br /><button class='addObject'>addObject()</button><button class='delObject'>delObject()</button></div>";
$(function() {
$(".addObject").click(function(){addObject()});
});
$(function() {
$(".delObject").click(function(){
$(this).parent().remove();
});
});
function addObject() {
$(object).appendTo(".environment");
$(function() {
$(".addObject").click(function(){addObject()});
});
$(function() {
$(".delObject").click(function(){
$(this).parent().remove();
});
});
}
</script>
</head>
<body>
<div class="environment">environment<br />
<div class="object">object<br />
<button class="addObject">addObject()</button>
<button class="delObject">delObject()</button>
</div>
</div>
</body>
</html>
如果这一切看起来都太复杂了,有人可以告诉我一种方法,我可以在jquery中制作html对象,它们能够在不使用.clone()函数的情况下制作和删除更多自己.