我在此处有此页面部分:http://mobilemediaco.com/golf/test.html
按钮可以触发手机内的屏幕。这是执行此操作的代码:
$(function() {
$(".ft-list li").on("click", function() {
$(".ft-list li").removeClass("ft-active");
$(this).addClass("ft-active");
});
$(".ft-gps").on("click", function() {
$("#ft-phone").removeClass().addClass("ft-phone-gps");
});
$(".ft-notifications").on("click", function() {
$("#ft-phone").removeClass().addClass("ft-phone-notifications");
});
$(".ft-weather").on("click", function() {
$("#ft-phone").removeClass().addClass("ft-phone-weather");
});
$(".ft-scorecard").on("click", function() {
$("#ft-phone").removeClass().addClass("ft-phone-scorecard");
});
$(".ft-calendar").on("click", function() {
$("#ft-phone").removeClass().addClass("ft-phone-calendar");
});
$(".ft-teetime").on("click", function() {
$("#ft-phone").removeClass().addClass("ft-phone-teetime");
});
$(".ft-reservation").on("click", function() {
$("#ft-phone").removeClass().addClass("ft-phone-reservation");
});
$(".ft-delivery").on("click", function() {
$("#ft-phone").removeClass().addClass("ft-phone-delivery");
});
$(".ft-hcp").on("click", function() {
$("#ft-phone").removeClass().addClass("ft-phone-hcp");
});
$(".ft-billpay").on("click", function() {
$("#ft-phone").removeClass().addClass("ft-phone-billpay");
});
});
问题:
1 - 如何进行自动播放,因此屏幕和按钮可能会不时消失(当然,同时也是如此)。
2 - 如何简化此代码?
谢谢!