0

このプログラムに問題があります。モーダルにセマンティックUIを使用したいのですが、うまくいきません。ボタンの順序をクリックするとモーダルが表示されますが、私の問題はボタンの順序をクリックすると新しいページが表示されます。データベースに挿入できません。

ビューコード:

    <div class = "ui form grid_6 omega">
        <form target="paypal" method="post">
            <div class="field1">
            <div class="field">
                <label>Nama</label>
                <input placeholder="Nama" name="nama" type="text">
            </div>
            <div class="field">
                <label>No. HP</label>
                <input placeholder="No. HP" name="handphone" type="text">
            </div>
            <div class="field">
                <label>Alamat</label>
                <input placeholder="alamat" name="alamat" type="text">
            </div>
            <div class="field">
                <label>Jumlah</label>
                 <div class="selectbox">
                    <select name="jumlah" id="">
                    <?php for ($i=1; $i <= 20; $i++): ?>
                    <option value="<?php echo $i; ?>"><?php echo $i; ?></option>
                    <?php endfor; ?>
                </select>   
                 </div>

            </div>
            <button type="submit" class="ui teal button order-button">Order now</button>
            </div>
        </form>
        </div>

        <div class="ui small modal">
                <i class="close icon"></i>
                <div class="header">
                  Smalls Like Bakin
                </div>
                <div class="content">
                  <p>Thank you for your order</p>
                </div>
                <div class="actions">
                  <div class="ui positive right labeled icon button">
                    <a class="text-white" href="<?php echo site_url('home/order');?>">Back to Home</a>
                    <i class="checkmark icon"></i>
                  </div>
                </div>
              </div>

とスクリプト

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript" src="<?php echo base_url(); ?>packaged/javascript/semantic.js"></script>
<script type="text/javascript">
    $('.order-button').click(function(){
        $('.small.modal').modal('show');
    });

</script>

コントローラーコード;

    function simpanOrder()
    {
        $this->load->model("M_order");
        $data['nama'] = $_POST['nama'];
        $data['handphone'] = $_POST['handphone'];
        $data['alamat'] = $_POST['alamat'];
        $data['jumlah'] = $_POST['jumlah'];
        $result = $this->M_order->insert($data);
    }

コードの問題の場所とその解決方法を教えてもらえますか? ありがとうございました。

4

1 に答える 1

0

モーダル div に id を次のように指定して試してください。 

<div id="modaldiv" class="ui small modal">

スクリプトを次のように変更します。 

<script type="text/javascript">
$('.order-button').click(function(){
    $('#modaldiv').modal('show');
});  
</script>

また、モーダルを実行するために必要なすべての javasript ファイルが含まれていることを確認してください。

于 2013-12-11T05:53:39.160 に答える