2016-03-07 22 views
1

使用JavaScript我設法創建了一個腳本,可以確定用戶是創建單個圖像畫布還是多個圖像,如果畫布只有一個圖像,成功地應用了一個:之後透過邊框來建議將丟失的包裹圖像區域。但是,如果它有多個圖像,它需要隱藏這個圖像:之後將不會有包裝樣式。JavaScript .hide('。var:after')

事情我已經嘗試---

$('.seethoughborder:after').hide(); 
$('.seethoughborder:after').css('opacity', '0'); 
$('.seethoughborder').removeClass('seethoughborder'); 

是否有任何其他的方法來隱藏:以後?

var counter = 0; 
     $('.absolute.Divholder').each(function() { 
      counter++; 
      // console.log(counter); 
     }); 

     if(counter == 1) { 
      $('.seethoughborderless').addClass('seethoughborder'); 
      document.write(" <link rel='stylesheet' type='text/css' href='/assets/lowres.css'> "); 
      // apply the wrap effect 
     }else{ 
      $('.errorvaltestdiv').css('z-index', '1 !important'); 
      // the css wont be included 
     } 
    }); 
+1

如果您已經申請了':after'爲'.seethoughborder',刪除' .sethoughborder'類從元素應該工作。這是最好的方法。我認爲「看不清楚」的錯字不會影響事物嗎? – Rhumborl

+1

Daft問題,但是在你的代碼中的其他地方是'seethroughborder',並且你試圖隱藏':after'時錯過了「through」中的「r」? –

+0

你不能使用jQuery訪問':after'和':before'元素 –

回答

0
$('.seethroughborder:after').hide(); 
$('.seethroughborder:after').css('opacity', '0'); 
$('.seethroughborder').removeClass('seethroughborder'); 

有沒有可能是你錯過了在每個嘗試的解決方案的「R」?

+0

不,它是正確的:3 –

0

很少的CSS試試這個:

CSS

.seethoughborder.hiddenafetr:after{ 
    display:none; 
} 

JS

$('.seethoughborder').addClass('hiddenafetr'); 
+0

這不起作用,但我有想法包括在另一個文件中這樣做的CSS,並且只在需要時包括所述文件,但是這也不起作用 –

+0

請分享您的代碼 –

+0

One se il編輯questin :) –