Когда я нажимаю кнопку на панели навигации или другую кнопку, она перенаправляет меня на страницу с именем undefined, но я хочу открыть модальный bootstrap - PullRequest
Новая
       12

Когда я нажимаю кнопку на панели навигации или другую кнопку, она перенаправляет меня на страницу с именем undefined, но я хочу открыть модальный bootstrap

0 голосов
/ 12 марта 2020

Когда я нажимаю кнопку на панели навигации или другую кнопку, она перенаправляет меня на страницу с именем undefined, но я хочу открыть bootstrap модальный

Объясняя немного больше, что я создал кнопка на странице, и когда я помещаю элемент <a> внутри кнопки, он перенаправляет на неопределенную страницу, и у меня даже нет ссылки href. 

<!--button-->
<button class="au-btn au-btn-icon au-btn--blue">
    <a data-toggle="modal" data-target="#uploadModal"><i class="zmdi zmdi-plus"></i>Adicionar Item</a>
</button>

<!--Modal-->
<div class="modal fade" id="uploadModal" tabindex="-1" role="dialog" aria-labelledby="myMediulModalLabel">
    <div class="modal-dialog modal-md">
        <div style="color:white;background-color:#008CBA" class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h2 style="color:white" class="modal-title" id="myModalLabel">Upload Items</h2>
            </div>
            <div class="modal-body">
                <form enctype="multipart/form-data" method="post" action="additems.php">
                <fieldset>
                    <p>Name of Item:</p>
                    <div class="form-group">
                    <input class="form-control" placeholder="Name of Item" name="item_name" type="text" required>
                    </div>
                    <p>Price:</p>
                    <div class="form-group">
                    <input id="priceinput" class="form-control" placeholder="Price" name="item_price" type="text" required>
                    </div>
                    <p>Choose Image:</p>
                    <div class="form-group">
                    <input class="form-control"  type="file" name="item_image" accept="image/*" required/>
                    </div>
                </fieldset>
            </div>
            <div class="modal-footer">
                <button class="btn btn-success btn-md" name="item_save">Save</button>
                <button type="button" class="btn btn-danger btn-md" data-dismiss="modal">Cancel</button>
            </form>
            </div>
        </div>
    </div>
</div>

1 Ответ

0 голосов
/ 13 марта 2020

Зачем вам нужен якорь внутри кнопки. Вот почему он не работает: -

просто замените 

<button class="au-btn au-btn-icon au-btn--blue">
   <a data-toggle="modal" data-target="#uploadModal"><i class="zmdi zmdi-plus"></i>Adicionar Item</a></button>

на 

<button class="au-btn au-btn-icon au-btn--blue" data-toggle="modal" data-target="#uploadModal">
  <i class="zmdi zmdi-plus"></i>Adicionar Item</button>
...