JQuery添加元素需要在我的js之前再次添加JQuery脚本
JQuery add element needs jquery script to be added again just before my js
我正在尝试下面的JQuery代码来动态添加元素。
场景:a) 如果我包含下面的脚本和jquery.min.js,它将不起作用。b) 如果我在body中添加下面的脚本,在中添加jquery.min.js,它仍然不起作用。c) 如果我在body中添加下面的脚本,并在下面代码的上方添加jquery.min.js,那么它就可以工作了。为什么会这样
此外,我还需要在头上安装jquery.min.js,以便joomla的其他功能正常工作。可以在头和正文中都添加jquery.min.js吗。
我使用的是jQuery v@1.8.1
请帮助我理解上述情景。
<script type="text/javascript">
window.addEvent('domready', function() {
var count = 0;
$('p#add_field').click(function(){
count += 1;
$('#container').append(
'<strong>Link #' + count + '</strong><br />' + '<input id="field_' + count + '" name="fields[]' + '" type="text" /><br />' );
});
});
</script>
下面是动态添加的代码。
<div id="container">
<p id="add_field"><a href="#"><span>» Add your favourite links.....</span></a></p>
</div>
您是从某个涉及MooTools的地方获得代码的吗?
试着用这个包装
jQuery(document).ready(function() {
//do stuff
})
供您参考的链接http://davidwalsh.name/javascript-domready
所以结果可能是:
<script type="text/javascript">
$(function() {//shorthand way of doing document.ready
var count = 0;
$('p#add_field').click(function(){
count += 1;
$('#container').append(
'<strong>Link #' + count + '</strong><br />' + '<input id="field_' + count + '" name="fields[]' + '" type="text" /><br />' );
});
});
</script>
当您在实际脚本之前为jQuery添加Include script
标记时,它之所以有效,是因为脚本使用jQuery来执行它所做的事情。在JavaScript中,您可以按照加载脚本的顺序访问脚本的功能。
尝试以下操作:
$document =& JFactory::getDocument();
$document->addScript("jquery-1.8.1.min.js");
$js = " $(document).ready(function() {
var count = 0;
$('p#add_field').click(function(){
count += 1;
$('#container').append('<strong>Link #' + count + '</strong><br />' + '<input id="field_' + count + '" name="fields[]' + '" type="text" /><br />' );
});
});";
$document->addScriptDeclaration($js);
在您的文档中:
<head>
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script>
var count = 0;
$(document).ready(function() {
$('p#add_field').click(function(){
count += 1;
$('#container').append('<strong>Link #' + count + '</strong><br />' + '<input id="field_' + count + '" name="fields[]' + '" type="text" /><br />' );
});
});
</script>
</head>
相关文章:
- JQuery添加元素需要在我的js之前再次添加JQuery脚本
- 通过jQuery添加ng样式属性,angular不更新
- 使用HTML5 localStorage和jQuery添加到收藏夹/书签
- jQuery添加的文本不显示
- 使用Jquery添加内容
- 如何使用jQuery添加另一个对象的高度作为边距
- JavaScript/jQuery-添加添加和删除类与下一个函数之间的延迟
- 对于每个json结果,使用类jquery添加css
- Jquery添加一个类之后,如何应用css
- 使用jQuery添加和删除属性
- Jquery添加输入字段和日期选择器
- jQuery - 添加删除类 - 设置输入值
- 为什么在这种情况下要向JQuery添加两个链接
- 为图像滑块jquery添加项目符号功能
- 使用jquery添加到表单内部表中的元素不会过帐
- 如何使用jquery添加元素
- 使用Jquery添加XML元素
- 当使用javascript/jquery添加值时,html文本输入表显示不正确
- 将jquery添加到firefox扩展中
- 运行 AJAX 需要什么 - 将 jQuery 添加到页面处理 AJAX 调用