彈出窗口的父體選擇器

我有一種情況，我需要根據POP的「開啓器窗口」是否定義了一個樣式類來對POPUP應用樣式。彈出窗口的父體選擇器

<html> 
    <body class="myClass"> 
    <input type="button" onClick="Open('xyz.html')"/> 
    </body> 
</html>

現在在xyz.html我想有一個CSS選擇器可以切換基於某種風格，如果parent.html有class="myClass"。

是否有可能沒有jquery？

如果不是：我有什麼替代方案，包括Jquery和Javascript？

請注意：parent.html開放xyz.html他們都是獨立的窗口。

來源

2017-09-06 Vivek

是的，你可以使用[事件代表團（https://learn.jquery.com/events/event-delegation/） –

是否有可能（不包括jQuery的）？所以爲什麼要在問題 – Bhargav

中添加'jquery'和'javacript'標籤，因爲如果不可能，我想將jquery或javascript解決方案作爲替代方案。 – Vivek

你不需要使用jQuery來檢查它。你可以使用簡單的CSS。檢查下面的代碼。在這裏，如果container的類別爲my-class。 background-color的屬性將應用於彈出窗口。否則，它不會。檢查代碼並嘗試使用my-class和container中的my-class。

$('button').on('click', function() { 
 
    $('.popup').toggleClass('active') 
 
})

.popup { 
 
    padding: 10px; 
 
    border: 1px solid #ddd; 
 
    opacity: 0; 
 
    transition: all 0.8s ease; 
 
} 
 
.popup.active { 
 
    opacity: 1; 
 
} 
 
.container.my-class .popup { 
 
    background-color: red; 
 
    color: #fff; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="container my-class"> 
 
    <button>Click</button> 
 
    <div class="popup"> HAI </div> 
 
</div>

來源

2017-09-06 06:52:16 Abinthaha

彈出窗口的父體選擇器

回答

相關問題