裝載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和添加類

回答

相關問題