装载url和添加类

我有非常类似这样的情况：http://bradfrost.com/demo/ish/装载url和添加类

什么，我需要做的是：当我输入在酒吧，然后按GO一个新的URL，该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>

感谢帮助:)

来源

2015-04-03 valerio0999

好吧，然后告诉我你想要达到什么目标？ – Romko 2015-04-03 16:23:25

@Romko我进入了页面。我插入一个我选择的网址，我点击按钮和由此产生的刷新IFRAME获得类添加 – valerio0999 2015-04-03 16:25:12

你应该拦截提交表单。试试这个：

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

来源

2015-04-03 16:12:07 Romko

这个作品，但它只是增加了类，阻止实际加载的网址 – valerio0999 2015-04-03 16:18:26

iframe正在重置。但是，您可能通过定位iframe的内容来获得所需的内容。（“iframe”）。contents（）。find（“＃chosenElement”）。addClass（“myClass”）;

来源

2015-04-03 16:17:49

试过这个 jQuery（window）.load （function（）{（“iframe”）。contents（）。find（“body”）。addClass（“myClass”）; }）;'' 但它不工作：/ – valerio0999 2015-04-03 16:21:18

装载url和添加类

回答

相关问题