当我单击导航栏上的按钮或其他按钮时，它会将我重定向到一个未定义的页面，但是我想做的是打开一个引导模式

Question

当我单击导航栏中的按钮或其他按钮时，它会将我重定向到名为undefined的页面，但我想做的是打开引导程序模式

多解释一下，我在页面上创建了一个按钮，当我将<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>

对不起，我的英语，很抱歉在这里放置太多代码，仅是因为我是该领域的新手。

Answer 1

为什么您需要在按钮内部锚定。这是它不起作用的原因：-

简单替换

<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>

with

<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>