기본적으로 나는 웹 디자이너이며 jQuery에 대해 잘 모르기 때문에 조금 길어진다. 버튼을 관리하기 위해 일부 jQuery 스크립트를 작성했지만 PC 및 Touch 장치에서 원하는대로 동작하지 않습니다.PC와 터치 장치 (jQuery) 간의 버튼 동작
두 개의 버튼 집합을 관리해야합니다. "images"버튼 (swap)과 CSS 버튼 (배경색 변경).
터치 장치가 잘못 관리되었지만 터치 장치와 PC에서 마우스를 계속 클릭하여 "마우스 오버"효과를 사용하지 않도록 설정하려고합니다. 그러나 드라마가 거기에있다.
// Rollover on image
$(function() {
$('img.rollover').on('mouseenter', function(){
$(this).css("cursor", "pointer");
this.src = this.src.replace("-normal","-hover");
});
$('img.rollover').on('mouseleave', function(){
this.src = this.src.replace("-hover","-normal");
});
});
// Toggles forms
$(function() {
$("#form-contact").hide();
$("#form-devis").hide();
$("#btn-contact").click(function(){
$(this).toggleClass("btn-form-hover");
$("#form-contact").fadeToggle(500, "linear");
$("#form-devis").hide();
$("#btn-devis").removeClass("btn-form-hover");
});
$("#btn-devis").click(function(){
$(this).toggleClass("btn-form-hover");
$("#form-devis").fadeToggle(500, "linear");
$("#form-contact").hide();
$("#btn-contact").removeClass("btn-form-hover");
});
});
// Toggle client area
$(function() {
$("#div-client-area").hide();
$("#btn-clients").click(function(){
$("#div-home").toggle(500,"linear");
$("#div-client-area").toggle(500,"linear");
});
});