Второй iframe не будет подключаться к основному файлу js - PullRequest
0 голосов
/ 06 октября 2018

Я работаю над html-страницей, где у меня есть два iframe.

Первый Iframe - это блок с кучей входов внутри него.

, а второй Iframe - этопрямоугольник с кучей ползунков в нем. enter image description here

У меня есть один файл js, который я хочу контролировать все, но по какой-то причине он может получить доступ только к первому iframe, которыйэто большой фрейм с входными данными в нем.

Что делает файл js, так это то, что когда пользователь вводит что-то во входные данные и нажимает сохранить, этот текст сохраняется в локальном хранилище и остается внутри входных данных до тех пор, пока не будет очищен.

Я хочу сделать то же самое с меньшей рамкой.Поэтому, когда пользователь нажимает на ползунок, он становится отмеченным, а затем пользователь нажимает кнопку сохранения, затем ползунки сохраняются для проверки в локальном хранилище и остаются проверенными, пока пользователь не нажмет кнопку очистки данных.

вот HTML для страницы с iframes:

<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. 0. 1025 *

В обоих сценариях iframes у меня есть:

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

Я даже пытался поместить туда тестовый ввод, чтобы я мог поместить test_input .val ("test");и он не работал в файле JS или консоли.Я поместил .val для ввода имени в большой iframe и .val для синего тестового ввода, и он вводил только текст для ввода имени, а не синий.

Может кто-нибудь сказать мне, кто яне так?

Буду очень признателен за вашу помощь.Спасибо.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...