當元素進入視口時，JavaScript / jQuery添加類？

[英]JavaScript/jQuery add class when element comes into viewport?

當我要應用該類的元素進入視口時，是否可以添加一個類？ 還是當屏幕底部距元素頂部一定距離時？ 現在，我的效果是我想要使用如下所示的內容： 問題是它與文檔高度有關，因此當我縮小頁面（或在移動設備上查看）並且元素堆疊在一起時，頁面變高並且類（動畫）在該元素出現。 我見過其他人問類 ...

使用單獨的菜單文件在班級上激活設置

[英]Setting active on class with separate menu file

因此，我試圖在引導菜單上的列表項上設置“活動”類。 我的菜單文件與所有其他html文件分開，因此我不必在我的網站上維護多個菜單代碼。 我正在使用jquery這樣加載菜單文件 在菜單文件中，我有從該站點上另一個答案獲得的代碼。 當它工作時，它不會加載html文件，而是停留在index ...

BootStrap ScrollSpy將類添加/刪除到視圖中的部分

[英]BootStrap ScrollSpy add / remove class to the section that is in view

我正在使用BS ScrollSpy，並想向當前正在查看的每個部分添加/刪除一個類。 像“主動”或“視圖中”或類似內容。 僅使用BS JS可以實現嗎？ 一次只能一次。 ...

我如何證明我添加課程是可行的？

[英]How can I prove my adding a class worked?

我敢肯定，這很簡單，但是在搜索或Google上找不到任何東西。 如果我用 要么 如何在控制台中證明這一點？ （這樣我就知道該步驟可以正常工作） ...

如果子元素的值大於零，如何向父元素添加類？

[英]How can I add a class to a parent element if the child element's value is greater than zero?

我有一個產生以下代碼的購物車： 當用戶有商品時，我希望將.yipi類添加到.et-cart-info 。 當它為空並顯示<span>0</span>我希望刪除該類。 我嘗試了以下代碼，但無濟於事： 謝謝！ ...

簡單添加類到切換的div的鏈接

[英]Simple add class to the link of toggled div

我的問題添加並修改為先前提出的問題： jQuery隱藏所有打開的div並切換 最終答案完全符合我的要求，但是當我嘗試向鏈接中添加活動類時，該函數也會停止運行。 我還要如何將Active類添加到特定於它所顯示的div的鏈接？ ...

添加活動班級菜單不起作用

[英]Add active class menu not working

我正在嘗試active菜單和子菜單中的任何一個。 如果子菜單active ，則主菜單也應active 。 我將腳本放在js文件中，並將其命名為active.js。 這是js代碼： ...

.each .children（）元素有延遲

[英].each .children() element with delay

我建立了這個，在stackoverflow上找到了答案。 我要達到的目標： 為.element-wrapper每個.element添加類.visible ，延遲1000ms 。 ...

Javascript全選 <h3> 的長度，如果大於30個字符，則添加類

[英]Javascript to select all <h3>'s, get their length, add class if greater than 30 characters

我有一個使用Joomla創建的網站，並且已經使用砌體創建了博客布局。 現在，這些列都使用相同的寬度，因此這是3個寬度相等的列的砌體。 我想創建一個可以捕獲所有“ h3.g-item-title”並將其存儲到數組中的函數； 那么我希望能夠使用length屬性來確定每個h3的長度； 然后我要 ...

addClass方法不起作用

[英]addClass method not working

我在自學jQuery。 我第一次嘗試使用jquery更改dom的元素。 特別是我正在嘗試使用方法addClass使一個藍色矩形消失。 這是簡單的代碼： html 的CSS jQuery的 我希望單擊文本“單擊我”時矩形消失，但是什么也沒有發生。 我檢查了一個 ...

jQuery首先：函數運行一次后，選擇器不起作用

[英]jQuery first: selector not working after function run once

按下鍵功能第一次運行時，它會執行我期望的操作，並將第一個類更改為addBack。 此后的每次按鍵均無效。 1次按鍵后，下面顯示的html是。 的HTML： jQuery的： ...

Drupal中的產品頁面：如果只有一個選項（“大小”）可用，則需要在選擇選項卡上調整css

[英]Product page in Drupal: Need to adjust css on the select tab if there is only one option (“size”) available

在Drupal Commerce的產品頁面上，某些項目具有尺寸選項，而另一些則沒有。 我需要為只有一個大小選項的那些選擇標簽調整css。 這是我的jQuery嘗試無濟於事： 我該如何實現？ ...

使用 jQuery 在懸停時添加和刪除類

[英]add- and removeClass on hover with jQuery

我不明白為什么這不起作用 - 有什么幫助嗎？ 我希望它在我懸停在 .hoveroverme div 上時彈出 jQuery CSS HTML ...

javascript：刪除/添加類函數

[英]javascript: remove/add class function

我發現了一個非常簡單的javascript幻燈片播放功能（ 在此處 ）。 它工作完美，但我想更改一些控制按鈕。 現在，“播放/暫停”按鈕將顯示其自己的名稱，如下所示： 將javascript設置為在某些情況下運行名為pauseSlideshow的功能，該功能不僅可以暫停/恢復幻燈片放 ...

jQuery addClass removeClass如果單擊相同的類

[英]Jquery addClass removeClass if clicking same class

下面的代碼有效。 我還想補充一點，如果.hero-build-wrap已經將該類添加到hero-build，然后再次單擊它，它將刪除它。 我嘗試用.toggleclass而不是.addClass，但是沒有用 HTML： ...

Fullcalendar事件網址 - 如果網址包含，則添加類

[英]Fullcalendar event url - add class if url contains

我的一些Fullcalendar活動有鏈接。 這些鏈接指向受限制訪問的公共網頁，pdf文檔或網頁。 我想添加一個類來格式化鏈接以添加圖標，基於url字符串。 如果網址包含： “pdf”addclass“fc-pdf” “受限制的”addclass“fc-lock” ...

AddClass不能與Angular指令一起使用

[英]Addclass dont work with angular directive

我有這段代碼，如果我在輸入中添加一個類，並且如果我輸入一個不同的值，則初始值對我有用，但是如果我input type = "number" ： input type = "number"但如果我input type = "text" ： input type = "text" ，不起作用 ...

根據按鈕值向按鈕添加類別

[英]Add class to button based on button value

我試圖使用以下代碼基於按鈕的值向按鈕添加一個類，但未成功： 和 任何幫助表示贊賞。 謝謝。 ...

嘗試在 $(this) 錨標記上使用 addClass 時未定義

[英]Undefined when trying to use addClass on $(this) anchor tag

function showImage(imageSrc) { $('a.slideTabLinkBlock').removeClass('active'); alert($(this).attr('class')); $(this).addClass('active'); } & ...

根據表的第一行和表的第一列中的類，將類添加到表的行和類中

[英]Add class to rows and class of a table based on the class in the first row of the table and first column of the table

我想使用jQuery根據類的第一行和第一列向表的其他行和列添加“類”。 例如： 我當前的HTML代碼是： 我希望我的代碼在單擊按鈕時顯示： 我的jQuery： 這是我的小提琴 ...