jQuery的
$(function(){
$('#4').click(function() {
$('<input name="if4" type="text" value="other price>"').appendTo('form');
});
});
HTML
<form>
< input name="name" type="text" value="Enter your name" /><br />
< input name="contacts" type="text" value="Contact info" /><br />
< select name="services">
< option value="1">1</option>
< option value="2">2</option>
< option value="3">3</option>
< option id="4" value="Other">4</option>
< /select><br />
< textarea name="description">Description</textarea><br />
< /form>
我想做的事:
当我按下选项值nr 4时,会出现新的输入字段,这个工作正常.
但是我怎么能改变输入字段出现的顺序,因为现在它出现在textfield之后,我怎么能把它放在后呢？
谢谢
这可能是一个菜鸟问题,但是我如何实现下面的appendTo()函数并不能按预期工作.基本上,它添加了元素并立即再次删除它.它眨眼,你想念它的东西.
任何人都可以理解为什么会这样吗？
这是调用函数的位置:
<?php foreach ($words as $word) {
echo "<li class='$word[0]'><a href='' onclick='add_to();'>$word</a></li>";
}
这里是函数本身(几乎取自jQuery教程网站:
function add_to () {
$('<h1>Test</h1>').appendTo('.ad_text');
}
我的第一个想法是调用一个调用document.ready()的脚本,它会清除add_to()函数？该脚本位于add_to()之上,如下所示:
$(document).ready(function(){
//when a link in the filters div is clicked...
$('#filters a').click(function(e){
//prevent the default behaviour of the link
e.preventDefault();
//get the id of the clicked link(which is equal to classes of our content
var filter = $(this).attr('id');
//show all the list items(this is needed to get the hidden ones shown)
$('#content ul li').show();
/*using the :not …我有一个脚本,允许显示基于url的favicon:示例
如果你看一下这个例子,你会看到两个链接,一个链接到谷歌,另一个链接到一个流行的荷兰新闻网站.正如您所看到的那样,Google favicon会被脚本检索而另一个则不会.这怎么可能？是什么造成的？如果我去网站,我可以看到他们确实有一个图标.我可以在代码中更改哪些内容来检索此图标？
我正在开发一个允许用户从对象生成对象的系统.它类似于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()函数的情况下制作和删除更多自己.
我试图找出是否可以使用.appendTo()向现有div容器添加多个jquery对象.例如,我的代码示例目前喜欢这样
var parentContainer = $("<div id = 'some_id'></div>"),
topHalf = $("<div id = 'tophalf'></div>"),
bottomHalf = $("<div id = 'bottomhalf'><?div>");
(topHalf,bottomHalf).appendTo(parentContainer);
显然它现在不能正常工作,这就是问题所在.如果我这样做(bottomHalf).appendTo(parentContainer),它运作良好.我只是想知道是否有办法将这样的多个对象附加到一行代码中的更大容器中.
我不想通过让bottomHalfAND topHalf拥有自己的代码行来拆分它.顺便说一句,我也希望在某个时间点(最多5或6)这样做两次以上,所以它可以非常快地重复.谢谢!
我不确定为什么这个jQuery输出格式错误的HTML:
<img src="http://farm6.static.flickr.com/5300/5459333519_0bfb0763b0_m.jpg">
从这段代码:
$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?id=59597329@N08&lang=en-us&format=json&jsoncallback=?", function(data){
$.each(data.items, function(i,item){
$("<img>").attr("src", item.media.m).appendTo("#mac");
});
});
#mac 是保存图像的div
任何人都可以理解这个吗？