代码之家 › 专栏 › 技术社区 › Tauren

脚本标记的jquery选择器问题

jquery

Tauren · 技术社区 · 16 年前

<script type="text/html"> 页面中的标记。我用 <script> how John Resig does it . 出于某种原因,以下jquery选择器似乎没有选择任何内容:

$("script[type*=html]").each(function() {
    alert("Found script "+this.id);
});

<body>
    <script id="filter-search" type="text/html">
        <dt>Search</dt>
        <dd><input type="text"/></dd>
    </script>
</body>

我也试着把它放到HTML文档的头部,但仍然没有找到。从未显示警报。

$("script[type*=javascript]").each(function() {
    alert("Found script "+this.id);
});

然后它只会在头脑中找到那些 src

<head>
    <script type="text/javascript" src="jquery.js" id="jquery"></script> 
    <script type="text/javascript" src="jquery-ui.js" id="ui"></script> 
    <script type="text/javascript" id="custom">
        $(document).ready( function() {
            $("script[type*=javascript]").each(function() {
                alert("Found script "+this.id);
            });         
            $("script[type*=html]").each(function() {
                alert("Found TEMPLATE script "+this.id);
            });         
        });
    </script> 
    <script id="filter-test" type="text/html">
        <dt>Test</dt>
    </script>
</head>
<body>
    <script id="filter-search" type="text/html">
        <dt>Search</dt>
        <dd><input type="text"/></dd>
    </script>
</body>

我收到以下警报:

找到脚本jquery

这个 custom 和 filter-test 头中的脚本不会被选中,头中的脚本也不会被选中 filter-search 中的脚本 body 标签。

编辑:

2 回复 | 直到 16 年前

majackson 16 年前

你用什么浏览器?这个脚本在Chrome、Firefox和IE6中运行得很好,给了我一些提示:

找到脚本ui
找到自定义脚本
找到模板脚本筛选器搜索

jcl 13 年前

外部脚本出现的问题可能是由于加载顺序造成的。为了最大限度地提高响应能力,浏览器在页面中遇到脚本时就开始加载和执行脚本,甚至在页面完全下载和解析之前。因此,如果您在head元素中链接了一个脚本,它可能无法访问页面后面指定的DOM部分,比如自定义脚本标记。

两种可能的解决方案:

jQuery $() shortcut ).

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

1 年前

Dr.0000FF · jQuery按钮点击不显示/隐藏内容

1 年前

user28928120 · 如何在jquery中选择所有类?

1 年前

LauraNMS · 如何使用Waypoints js实现粘性元素和偏移量

1 年前

Eliable · 使点击计数器和进度条协同工作

1 年前

mlri · 从不同的onclick事件执行相同的javascript函数

1 年前

Cymro · 如何将jquery$(this)与$(document).keyup一起使用

1 年前

Jack Maessen · 在处理程序上使用时如何获取输入类型

1 年前

BlueDogRanch · 使用jQuery Datepicker和dateFormat、altFormat和altField以及$(this)

1 年前

Jameel · Jquery:未捕获SyntaxError:在参数列表后的“Node”上执行“appendChild”失败:缺失)

1 年前