Question

我的情况与此非常相似：http://bradfrost.com/demo/ish/

我需要做的是以下内容：当我在栏中输入新网址并按GO时，iframe应该被授予一个班级。

我试过了

$( "button" ).click(function() {
  $("iframe").addClass("new-class")
});

但整个页面重新加载，我丢失了新添加的类。还有其他办法吗？

我的页面在php，html是以下

<?php $src = (empty($_GET['url'])) ? 'http://css-tricks.com/' : addslashes(filter_input(INPUT_GET, 'url', FILTER_SANITIZE_URL));?>
    <header class="header">
        <form method="get" action="" id="url-form">
            <label for="url" id="url-toggle" class="url-toggle">URL</label>
             <input id="url" type="text" name="url" placeholder="Enter any URL" value="<?php echo $src; ?>" />
             <button id="url-submit">Go</button>
          </form>
    </header>

    <iframe id="sg-viewport" src="<?php echo $src; ?>" sandbox="allow-same-origin allow-scripts allow-forms"></iframe>

    <footer class="footer">
        footer
    </footer>

感谢您的帮助:)。

Answer 1

你应该截取表格提交。试试这个：

$("#url-form").submit(function(e) {
    e.preventDefault();
    $("iframe").addClass("new-class");
});

Answer 2

iframe正在重置。但是，您可以通过定位iframe的内容来获得所需内容。

$（＆＃34; iframe中＆＃34）。内容（）找到（＆＃34;＃chosenElement＆＃34）。addClass。（＆＃34; myClass的＆＃34）;

在iframe中加载网址并添加一个类

2 个答案: