0

您好，我有此代码，但由于某种原因，在单击按钮之前会显示该消息。我不知道为什么会这样。我是新手，所以我一直在尝试不同的东西，但它不能正常工作。我也不知道如何将它定位在不同的地方。代码假设是这样的

$('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;

}
4

3 回答 3

3

嗯，你在内display: block;联 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 内部。style

你需要删除它，然后display: none你真正的 CSS 将在它应该出现的地方启动。

演示：http: //jsfiddle.net/uRVaf/4/

于 2012-11-15T21:43:06.987 回答
0

你可以使用类似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-15T21:52:27.070 回答
-1

将此添加到您的CSS

#element_to_pop_up {display:none;}

这是小提琴

小提琴

于 2012-11-15T21:48:26.107 回答