javascript - Bootstrap导览-元素上的悬停(Bootstrap Tour - Force hover on element)

Question

{
element: ".tour-step.tour-step-2",
placement: "rig",
title: "Datamodel",
onShown: function (tour) {
let showmodell = document.getElementById('step1');
$(showmodell).trigger("mouseover");
},
content: 'Here you will find...'
},

---

<li class="tour-step tour-step-2" id="step1">
...
    </li>

---

Im trying to force a pseudo class on an element when step1 of the tour is triggered.(我试图在触发游览的step1时在元素上强制使用伪类。)

Thank you for any help(感谢您的任何帮助)

  ask by User9023 translate from so

Answer 1

Pete's suggestion solved my question:(皮特的建议解决了我的问题：)

             {
                 element: ".tour-step.tour-step-2",
                 placement: "top",
                 title: "Datamodel",
                 onShown: function (tour) {
                    let showmodell = document.getElementById('step1');
                    $(showmodell).css("display", "block");
                 },
                 content: 'Here you will find...'
             },

Would like to know why triggering a "mouseover" doesn't work in this case, though.(想知道为什么在这种情况下无法触发“鼠标悬停”。)