第二个iframe无法连接到主js文件

Question

我正在一个html页面上，其中有两个iframe。

第一个iframe是一个盒子，里面有很多输入。

第二个Iframe是一个矩形，其中包含一堆滑块。

我有一个要控制所有内容的js文件，但是由于某种原因，它只能访问第一个iframe，它是其中包含输入的大框架。

js文件的作用是，当用户在输入中键入内容并按save时，该文本将保存在本地存储中，并保留在输入中直至清除。

我想对较小的镜框做同样的事情。因此，当用户单击滑块时，该滑块将被选中，然后按保存，然后将滑块保存为已在本地存储中选中，并保持选中状态，直到用户按下清除数据按钮为止。

这是包含iframe的页面的html：

<div class="container"> 
    <div class="title">AUTOFILL</div>
    <iframe src="AmericaFrame.html" style="width: 667px; height: 436px; border: 0;background-color:transparent;" id="frame">

    </iframe> 

<div class="typed_container">
<!--<div class="type_title">Type Selector</div> -->
<div class="typed_label">
    <span id="input_name" class="type_location">Input Name</span>
    <span id="input_typed" class="type_location">Typed</span>

(couple html here that is irrelevant to the question)

<iframe src="type_select.html" style= "width: 210px; height: 460px; border:0;background-color: transparent;" id="type_selectors">   
</iframe>

<script src="jquery.js"></script> 
</body>
</html>

这是滑块的html示例：

<input id="test_input" ></input>
<label for="slider_name">name</label>
<label id="slider_name" class="switch">
<input id="checkbox_name" type="checkbox">
<span id="name-slider" class="slider"></span>
</label>

我知道$（“＃name-slider”）。click（）确实会检查滑块。但是，当我将其放入主js文件时，它什么也没做。我也在控制台中尝试过，它返回的都是

jQuery.fn.init {}

对象为0。

在两个iframe脚本中，我都有：

<script src="jquery.js"></script> 
<script src="checkout.js"></script>

我什至尝试在其中放置测试输入，以便可以将test_input .val（“ test”）;并且它在js文件或控制台中不起作用。我在大iframe中输入了一个.val作为名称输入，对于蓝色测试输入了一个.val，它仅将文本输入了名称输入，而不是蓝色输入。

有人可以告诉我我在做什么错吗？

非常感谢您的帮助。谢谢。