Javascript 通过ajax动态获取jQuery脚本和内容
我有一个页面,它加载一个文件树,其中包含指向实际页面的链接,以及子树和所有内容。但是,由于大文件夹会创建巨大的文件,因此使用jQuery脚本隐藏文件夹会非常棒。这有一个问题,因为树是通过ajax加载的,而且看起来不一样,所以nether执行jQuery。我可以动态生成jQuery,但它不加载任何通过ajax加载的javascript。特别是不包括事件。(jQuery,onclick)Javascript 通过ajax动态获取jQuery脚本和内容,javascript,jquery,ajax,dynamic,Javascript,Jquery,Ajax,Dynamic,我有一个页面,它加载一个文件树,其中包含指向实际页面的链接,以及子树和所有内容。但是,由于大文件夹会创建巨大的文件,因此使用jQuery脚本隐藏文件夹会非常棒。这有一个问题,因为树是通过ajax加载的,而且看起来不一样,所以nether执行jQuery。我可以动态生成jQuery,但它不加载任何通过ajax加载的javascript。特别是不包括事件。(jQuery,onclick) www-5个文件,14个目录,总大小1877kb。 管理员-4个文件,3个目录,总共44 KB。 Edit
- www-5个文件,14个目录,总大小1877kb。
- 管理员-4个文件,3个目录,总共44 KB。
- Editera-2个文件,总大小为16KB。
- -1100字节,最后一次修改时间为2011-01-17 12:06:43。找到的表名称:Gastbok
- --15671字节,上次修改时间为2011-01-17 12:06:44。找到的表名:Inlogg
- Radera-2个文件,总大小为2 KB。
- -813字节,上次修改时间为2011-01-17 12:06:45。找到的表名称:Gastbok
- -811字节,上次修改时间为2011-01-17 12:06:45。找到的表名:Inlogg
- Uppdatera-2个文件,总共2 KB。
sry用于大代码,但有一个呈现页面和其中项目的示例。我认为path变量可以用作一个类,因此将path中的所有项赋予同一个类。感谢您阅读我的精彩文本块。示例:“../lh10fego/Admin/Radera”。威尔。和/或导致问题?可能吧
有谁能给我一个jQuery代码,它的工作方式是,无论它们在页面上的什么位置,它都会隐藏/显示带有“myClass”类的每个项目
也是通过ajax请求添加代码后激活代码的一种方法
注入的html(包括javascript)最终位于文档头部的一个div中
编辑:我几乎获得了所需的功能,但仍然没有通过ajax。我使用了这个关键字并隐藏了下面特定类的所有内容。现在的问题是,由于链接位于另一个链接内,因此您单击的链接和最上面的链接都将触发,同时隐藏所有内容
编辑2:
set fs = CreateObject("Scripting.FileSystemObject")
set folder = fs.GetFolder(path)
currentfolder = path
fname = Replace(folder.path,"/","x")
fname = Replace(fname,".","2")
fname = Replace(fname,":","5") 'removing wierd chars and adding "asd" in middle
fname = Replace(fname,"\","3") 'to avoid multiple hits when searching
fname = Replace(fname,Right(fname,7),"asd" & Right(fname,7))
'Display the target folder and info.
Response.Write("<li onclick=""$(this).find('li." & fname & "').slideToggle();""><b>" & folder.Name & "</b> - " _
& folder.Files.Count & " files, ")
if folder.SubFolders.Count > 0 then
Response.Write(folder.SubFolders.Count & " directories, ")
end if
Response.Write(Round(folder.Size / 1024) & " KB total." _
& vbCrLf)
set fs=CreateObject(“Scripting.FileSystemObject”)
set folder=fs.GetFolder(路径)
currentfolder=路径
fname=Replace(文件夹路径“/”和“x”)
fname=替换(fname,“.”,“2”)
fname=Replace(fname,“:”,“5”)”删除wierd字符并在中间添加“asd”
fname=Replace(fname,“\”,“3”)”以避免搜索时多次点击
fname=替换(fname,右侧(fname,7)、“asd”和右侧(fname,7))
'显示目标文件夹和信息。
Response.Write(““&folder.Name&-”_
&folder.Files.Count和“Files”()
如果folder.SubFolders.Count>0,则
Response.Write(folder.SubFolders.Count&“directories,”)
如果结束
Write(Round(folder.Size/1024)和“KB总计”_
&vbCrLf)
现在的问题是,因为每当我单击某个东西时,它都会应用于嵌套的li标记,所以我单击的那个和最高的li标记都会隐藏。另外,我现在正在进行的这个测试没有ajax,只是为了对jQuery进行排序 为了更好地理解:您可以使用ajax加载HTML和Javascript代码,并将它们注入到另一个HTML页面中。我的问题是:还会使用简单的Javascript,例如
alert(“test”)代码>,注射后不工作?十天后,我想我得到了解决方案:
<html><head>
<script src="./jquery.js" type="text/javascript"></script>
<script type="text/javascript">
function jqueryAjax(url)
{
$.ajax({
url: ""+url,
cache: false,
dataType: "script",
success: function(html){
$("#content").append(html);
}
});
}
</script>
</head>
<body>
<div id="control" style="border: 1px solid green;">
<p><a href="#" onclick="jqueryAjax('htmljs.js'); return false">Ajax with Jquery (1.2.6)</a></p>
</div>
<div id="content" style="border: 1px solid red; width: 640px; height: 480px; top: 200px"></div>
</body></html>
函数jqueryAjax(url)
{
$.ajax({
url:“+url,
cache:false,
数据类型:“脚本”,
成功:函数(html){
$(“#内容”).append(html);
}
});
}
坏消息是:错误控制台中出现错误消息,我无法删除这些消息。但它是有效的…我有一个确切的短语警报(“测试”);在我注入的javascript结束时。注入的html块包含一个包含javascript的块。没有源代码很难说,但我认为您的ajax使用了错误的数据类型。看起来,响应已转换为纯文本,因此浏览器无法执行。它确实以纯html文本的形式发送/处理响应。响应是html,带有包含jquery代码的脚本标记。由于服务器已关闭,我现在无法为您提供代码的解析版本。将我的asp脚本添加到主帖子中。创建一个类似于hideMyThings()
的函数,并在需要时调用它(例如,在AJAX DOM注入之后)。@battal你能解释更多吗,即使你认为这很明显?我设法使用onclick运行了一个函数,我将它添加到了响应中。代码不会在加载时运行,但可以调用:)
<html><head>
<script src="./jquery.js" type="text/javascript"></script>
<script type="text/javascript">
function jqueryAjax(url)
{
$.ajax({
url: ""+url,
cache: false,
dataType: "script",
success: function(html){
$("#content").append(html);
}
});
}
</script>
</head>
<body>
<div id="control" style="border: 1px solid green;">
<p><a href="#" onclick="jqueryAjax('htmljs.js'); return false">Ajax with Jquery (1.2.6)</a></p>
</div>
<div id="content" style="border: 1px solid red; width: 640px; height: 480px; top: 200px"></div>
</body></html>