Как сделать так, чтобы моя bootstrap карусель появлялась только при наведении курсора на фрагмент текста? - PullRequest
Новая
       10

Как сделать так, чтобы моя bootstrap карусель появлялась только при наведении курсора на фрагмент текста?

0 голосов
/ 17 февраля 2020

Пожалуйста, помогите! Я пытался найти эту, казалось бы, простую функцию в течение нескольких дней и могу найти только информацию, связанную со скрытым отображением bootstrap элементов управления. Как я могу применить скрытый дисплей ко всей bootstrap карусели с css или java? Я бы хотел, чтобы карусель появлялась только тогда, когда мышь наводит курсор на кусок текста. Пожалуйста, дайте мне знать! Спасибо.

1 Ответ

0 голосов
/ 17 февраля 2020

Делая некоторые предположения, основанные на вашем вопросе. Вы используете Bootstrap. Поэтому я предполагаю, что вы также используете jQuery, поскольку это зависимость. Почему бы не использовать jQuery для удаления класса без отображения при наведении текста. 

<script>
    $( "#text-container" )
        .on( "mouseenter", function() {
            $( "#carrousel" ).removeClass( "no-display" );
        })
        .on( "mouseleave", function() {
            $( "#carrousel" ).addClass( "no-display" );
        });
</script>

text-container должен использоваться для таргетинга на текстовый контейнер. carrousel следует использовать для таргетинга на контейнер для карусели.

Проверьте эту страницу для получения дополнительной информации https://api.jquery.com/mouseout/

Совет: в следующий раз расскажите нам больше о тех технологиях, которыми вы являетесь использование.

...