Question

我尝试做一个自助游，但当我检查javascript我得到

来自bootstrap-tour.min.js的
n.popover is not a function

我试着解决它，因为2天这是一场噩梦......

希望有人可以帮助我...非常感谢提前

这是我的代码：

<a href="#" class="btn btn-block btn-primary" id="startTour">Start tour</a>

<div class="col-md-5" id="tour1" data-toggle="popover">
      <div class="form-group">
      <label>Nom </label>
       {!! Form::text('lb_nom', null, ['class' => 'form-control', 'placeholder' => 'Nom']) !!}
      </div>
</div>
<div class="col-md-5" id="tour2">
    <div class="form-group">
    <label>Prénom </label>
    {!! Form::text('lb_prenom', null, ['class' => 'form-control', 'placeholder' => 'Prénom']) !!}
    </div>
</div>

这是我的剧本：

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<link rel="stylesheet" href="http://ns3005219.ip-151-80-34.eu/licences/public/css/bootstrap-tour.min.css" />
<script src="http://ns3005219.ip-151-80-34.eu/licences/public/js/bootstrap-tour.min.js"></script>

<script type="text/javascript">

    // Instance the tour
    var tour = new Tour({
        steps: [{
            element: "#tour1",
            title: "Exam Enrolment",
            content: "First let's enrol to an exam"
        }, {
            element: "#tour2",
            title: "Your Schedule",
            content: "Great, let's see your new schedule."
        }]
    }).init().start(true);

    $("#startTour").click(function(){
        tour.restart();

        console.log(tour);
    })
</script>

Answer 1

如果使用bootstrap，则必须使用bootstrap tour独立文件没有bootstrap核心文件的游览

我为你做了小提琴。

检查：https://jsfiddle.net/hgfcbhas/

包括

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-tour/0.11.0/css/bootstrap-tour-standalone.min.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-tour/0.11.0/js/bootstrap-tour-standalone.min.js"></script>

你的其余代码是正确的

Bootstrap Tour n.popover不是一个功能

1 个答案: