我第二次检查后,javascript代码工作

时间:2017-05-11 12:51:26

标签: javascript jquery html iframe

我想使用jquery从iframe上的元素获取数据但是我的代码只有在我第二次检查页面然后才能正常工作时才能工作

我第一次收到此消息

$("#contact_form label.control-label ").eq(1).html("Prenom");
VM737:1 Uncaught TypeError: $ is not a function
    at <anonymous>:1:1

我第二次检查代码工作

$("#contact_form label.control-label ").eq(1).html("Prenom");
[label.col-sm-4.control-label.ng-binding.fb-required, prevObject: init(7), context: document]

我要使用iframe的页面的页面代码

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
</head>

<body>

<iframe id="ly-id-iframe" src="https://URL-OF-MY-THEPAGE"  frameborder=0 scrolling="no" width="650px" height="600px"></iframe>

<script>

    $("#contact_form label.control-label ").eq(0).html("Nom");
    $("#contact_form label.control-label ").eq(1).html("Prenom");
    $("#contact_form label.control-label ").eq(2).html("PCourriel");

</script>


</body>
</html>

只有当我第二次用chrome检查页面时,代码才有效 我检查页面,在控制台中我写 $(“#contact_form label.control-label”)。eq(0).html(“Nom”); 它没有用,但是如果我在没有重新加载的情况下检查页面,那么第二次代码就会改变。

1 个答案:

答案 0 :(得分:1)

此错误:$ is not a function通常在您加载jQuery之前运行jQuery语法时发生!因此,您需要先检查它,确保在运行任何使用jQuery语法的脚本之前加载jQuery。