如何隱藏內容，但表現出來的點擊

所以我有這樣的代碼：如何隱藏內容，但表現出來的點擊

<script type="text/javascript"> 
$(document).ready(function() { 
$('.rm_color').each(function() { 
    var divPicker = $(this).find('.colorpicker'); 
    var inputPicker = $(this).find('input[type=text]'); 
    divPicker.hide(); 
    divPicker.click(function(){divPicker.farbtastic(inputPicker)}); 
    }); 
}); 
</script>

我的目的是隱藏farbtastic功能，但是當使用DoubleClick textarea的輸入，則farbstastic功能顯示出來。當用戶再次雙擊它時，farbstical就會隱藏起來。

如何使用上面的代碼創建正確的代碼？非常感謝

已更新！最佳答案：

我已經找到了答案：

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('.rm_color').each(function() { 
      var divPicker = $(this).find('.colorpicker2'); 
      var inputPicker = $(this).find('input[type=text]');  
      divPicker.hide(); 
      divPicker.farbtastic(inputPicker); 
      inputPicker.dblclick(function(){divPicker.slideToggle()}); 
     }); 
    }); 
</script>

下面是修改後的代碼，如果你從farbtastic官方網站以正本報關腳本。

http://acko.net/dev/farbtastic

<script type="text/javascript"> 
    $(document).ready(function() { 
    $('#colorpicker4').hide(); 
    $('#colorpicker4').farbtastic('#color4'); 
     $('#color4').dblclick(function(){$('#colorpicker4').slideToggle()}); 
    }); 
</script>

來源

2011-07-15 baby

這是一個jQuery顏色拾取 – baby

好，我GOOGLE了它所以刪除了評論:) – Rafay

http://api.jquery.com/dblclick/

<script type="text/javascript"> 
var isOpen = false; 
$(document).ready(function() { 
$('.rm_color').each(function() { 
    var divPicker = $(this).find('.colorpicker'); 
    var inputPicker = $(this).find('input[type=text]'); 
    divPicker.hide(); 
    divPicker.dblclick(function(){ 
if(isOpen){ 
//close 
isOpen = false; 
}else{ 
divPicker.farbtastic(inputPicker) 
isOpen = true; 
} 
}); 
    }); 
}); 
</script>

來源

2011-07-15 19:48:51

您好，感謝您的回答。但它不起作用 – baby

試試這個

<script type="text/javascript"> 
$(document).ready(function() { 
$('.rm_color').each(function() { 
    var divPicker = $(this).find('.colorpicker'); 
    var inputPicker = $(this).find('input[type=text]'); 
    divPicker.hide(); 
    inputPicker.dbclick(function(){ divPicker.toggle(); if(divPicker.is(":visible")){     
     divPicker.farbtastic(inputPicker);} 
    }); 
    }); 
}); 
</script>

來源

2011-07-15 19:54:14 ShankarSangoli

嗨，謝謝你，但它不起作用 – baby

我編輯了我的答案你現在可以試試嗎？ – ShankarSangoli

再次感謝您的回答，它仍然不起作用。但是我找到了答案。我已經編輯了我的問題和答案。 – baby

我已經找到了答案：

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('.rm_color').each(function() { 
      var divPicker = $(this).find('.colorpicker2'); 
      var inputPicker = $(this).find('input[type=text]');  
      divPicker.hide(); 
      divPicker.farbtastic(inputPicker); 
      inputPicker.dblclick(function(){divPicker.slideToggle()}); 
     }); 
    }); 
</script>

如果您從farbtastic官方網站獲取原始聲明腳本，則修改後的代碼如下。

http://acko.net/dev/farbtastic

<script type="text/javascript"> 
    $(document).ready(function() { 
    $('#colorpicker4').hide(); 
    $('#colorpicker4').farbtastic('#color4'); 
     $('#color4').dblclick(function(){$('#colorpicker4').slideToggle()}); 
    }); 
</script>

來源

2011-07-16 10:37:18 baby

如何隱藏內容，但表現出來的點擊

回答

相關問題