Browse code
changing css classes to avoid namespace collisions
fiddlerwoaroof authored on 01/07/2015 02:16:14
Showing 2 changed files
Showing 2 changed files
... | ... |
@@ -13,7 +13,7 @@ |
13 | 13 |
display: block; |
14 | 14 |
} |
15 | 15 |
|
16 |
-.modal-wrapper > div.modal { |
|
16 |
+.myjQModal-wrapper > div.myjQModal { |
|
17 | 17 |
border: thin solid black; |
18 | 18 |
box-shadow: 0em 0em 0.1em #ccc; |
19 | 19 |
width: auto; |
... | ... |
@@ -28,7 +28,7 @@ |
28 | 28 |
background: white; |
29 | 29 |
} |
30 | 30 |
|
31 |
-div.modal > div { |
|
31 |
+div.myjQModal > div { |
|
32 | 32 |
position: relative; |
33 | 33 |
width: 100%; |
34 | 34 |
height: 100%; |
... | ... |
@@ -9,10 +9,10 @@ |
9 | 9 |
var action = this.dataset.action; |
10 | 10 |
if (action === 'open') { |
11 | 11 |
var modal = $('<div></div>'); |
12 |
- var wrapper = $('<div class="modal-wrapper"></div>').append(modal); |
|
12 |
+ var wrapper = $('<div class="myjQModal-wrapper"></div>').append(modal); |
|
13 | 13 |
console.log(target); |
14 | 14 |
modal.append(target); |
15 |
- modal.wrap('<div class="modal">'); |
|
15 |
+ modal.wrap('<div class="myjQModal">'); |
|
16 | 16 |
$('body').append(wrapper); |
17 | 17 |
wrapper.click(function() { |
18 | 18 |
wrapper.removeClass('open'); |