Отображается сообщение JQuery Popup, отображаемое до нажатия кнопки?

66
6

привет там у меня есть этот код, но по какой-то причине сообщение его показывается, прежде чем нажимать на кнопки. Я не знаю, почему это происходит. Я новичок в этом, поэтому я пытался с разными вещами, но не работал должным образом. Я также не знаю, как я могу позиционировать его в разных местах. код должен быть таким

$('element_to_pop_up').bPopup({
follow: [false, false], //x, y
position: [150, 400] //x, y
});

но когда я помещаю его туда, он вообще не работает.

HTML:

<button id="my-button">POP IT UP</button>
<!-- Element to pop up -->
<div id="element_to_pop_up">
<div id="popup" style="left: 424.5px; position: fixed; top: 133.5px; z-index: 9999; display: block;">
<span class="button bClose"><span>X</span></span>
If you can't get it up use<br>
<span>bPopup</span>
</div>
</div>

CSS:

#popup {

background-color: white;
border-radius: 10px 10px 10px 10px;
box-shadow: 0 0 25px 5px #999;
color: #111;
display: none;
min-width: 450px;
padding: 25px;

}

спросил(а) 2012-11-16T00:40:00+04:00 7 лет, 7 месяцев назад
1
Решение
-4

Добавьте это в свой css

#element_to_pop_up {display:none;}

Вот скрипка

FIDDLE

ответил(а) 2012-11-16T00:48:00+04:00 7 лет, 7 месяцев назад
77

Ummm у вас есть display: block; в inline css:


<div id="popup"
style="left: 424.5px; position: fixed; top: 133.5px; z-index: 9999; display: block;">

Это отменяет стиль в вашей таблице стилей, что дает вам неприятное время. Вы хотите просто удалить его:

<div id="popup" 
 style="left: 424.5px; position: fixed; top: 133.5px; z-index: 9999;">

Объяснить:

У вас есть display: block; внутри css, который находится в вашем атрибуте popup style.

Вам нужно удалить это, а затем ваш display: none в вашем реальном CSS не будет использоваться там, где он должен.

Демо: http://jsfiddle.net/uRVaf/4/

ответил(а) 2012-11-16T00:43:00+04:00 7 лет, 7 месяцев назад
39

вы можете использовать что-то вроде onclick или onsubmit;

<input type="button" name="button" value = "submit" onclick="POPup()"  />

и ваш код javaScript будет похож на

<script type="text/javascript">

function POPup(){
//.... your pop up code goes here
}
</script>

ответил(а) 2012-11-16T00:52:00+04:00 7 лет, 7 месяцев назад
Ваш ответ
Введите минимум 50 символов
Чтобы , пожалуйста,
Выберите тему жалобы:

Другая проблема