2014-09-23 85 views
0

我有這個javascipt的和HTML:關閉javascript改成切換

function flipTXT(rotate) { 
    if (parent_window && !parent_window.closed) { 
     parent_window.document.getElementById("teleprompter") 
      .style.webkitTransform = rotate; 
    } 
} 
<li> 
    <a class="button small icon-text-width flipx" href="#" 
     onClick="javascript:flipTXT('rotateY(180deg)')")></a> 
</li> 

它的作用是讓我點擊彈出頁面上的按鈕,並設置父頁面上的文本被鏡像。問題是它只能使用一次。

我該怎麼做,以便當再次點擊該按鈕時,它將它設置爲rotateY(0deg)

或使其成爲切換。

+0

撥動一個附加的類,其執行的旋轉。 – Blazemonger 2014-09-23 20:01:28

+0

@Blazemonger如何?它花了我永遠搞清楚以上的javascript – 2014-09-23 20:03:11

回答

2

切換一個額外的類,它執行旋轉。

CSS:

.flipped { transform: rotateY(180deg); } 

JS:

$('#teleprompter').toggleClass('flipped'); 

http://jsfiddle.net/mblase75/4pru4hap/

+0

@JuanMendes我只是把這個添加到我的JavaScript替換線這個。這是否會在我正在使用的父級子系統中工作? – 2014-09-23 20:07:08

+0

我不能給你一個完整的解決方案,因爲你的代碼使用像'parent_window'這樣的變量,我不知道它們是什麼。如果您在http://jsfiddle.net上提供了代碼的工作演示,我可能會進一步幫助您。 – Blazemonger 2014-09-23 20:10:38

+0

@Blazemonger parent_window是一個等於window.opener的var – 2014-09-23 20:12:00