Question

如何使用 index.js中的 <html> <head> <meta charset="utf-8"> <script src="//code.jquery.com/jquery-1.10.2.js"></script> <link rel="stylesheet" type="text/css" href="css/style.css"/> <script src="js/jquery.js" type="text/javascript"></script> <script> $(function(){ $("#header").load("header.html"); $("#footer").load("footer.html"); }); </script> <script src="https://www.gstatic.com/firebasejs/3.9.0/firebase.js"></script> <script src="js/app.js" type="text/javascript" language="javascript"></script> <script src="js/index.js" type="text/javascript" language="javascript" defer></script> </head> </html> 访问javascript代码中加载的 header.html 文件中的元素？还有另一种从 index.js 文件中访问它的方法吗？

index.html文件

grep -m1 -l '(50\.000)'

Answer 1

使用Jquery尝试：

import RPi.GPIO as GPIO
from time import sleep
GPIO.setmode(GPIO.BCM)
GPIO.setup(17, GPIO.IN)

try:
        while True:
                if GPIO.input(17):
                        print "GOOD COMMUNICATION"
                else:
                        print "COMMUNICARION IS LOST, PLEASE CHECK"
                sleep (0.1)
finally:
        GPIO.cleanup()

Answer 2

听起来像你需要等到$("#header").load("header.html");完成才能尝试对加载的内容做任何事情。也许$("#header").load("header.html", onHeaderLoaded);可能有用（假设您在某处定义了名为onHeaderLoaded的函数，甚至可能在index.js中）

有关使用完整功能的详细信息，请参阅jQuery .load()。

Answer 3

您需要将header.html加载到页面中的现有元素中，然后才能使用JQuery：

$( "#existing-element" ).on( "click", "element-from-header-file", function() {
    //do stuff
});

或者你可以使用body代替，如果你不想/不能将标题加载到现有元素中：

$( "body" ).on( "click", "element-from-header-file", function() {
    //do stuff
});

您可能需要阅读this。

如何访问使用JQuery函数加载的HTLM元素？

3 个答案: