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 に答える