当我单击导航栏中的按钮或其他按钮时，它会将我重定向到一个名为“未定义”的页面

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&nbsp;class="au-btn&nbsp;au-btn-icon&nbsp;au-btn--blue"> &nbsp;&nbsp;&nbsp;<a&nbsp;data-toggle="modal"&nbsp;data-target="#uploadModal"><i&nbsp;class="zmdi&nbsp;zmdi-plus"></i>Adicionar&nbsp;Item</a></button>和<button&nbsp;class="au-btn&nbsp;au-btn-icon&nbsp;au-btn--blue"&nbsp;data-toggle="modal"&nbsp;data-target="#uploadModal"> &nbsp;&nbsp;<i&nbsp;class="zmdi&nbsp;zmdi-plus"></i>Adicionar&nbsp;Item</button>