我遇到了一個問題，我有一個Jquery腳本來改變樣式表，原始腳本使用一個按鈕。我想使用Foundation css框架的開關，但我不能使它作業，也許我錯過了什么。以下是Jquery的代碼：
var click = false;
$("#Switch").on("click", function () {
if (!click) {
$('link[href*="<?php echo
base_url('/Foundation/assets/css/dark/foundation.css')?>" ]').attr(
"href"。
"<?php echo
base_url('/Foundation/assets/css/dark/foundation.css')?>"/span>
);
click = true;
console.log("change to style1.css")。
} else {
$('link[href*="<?php echo
base_url('/Foundation/assets/css/lumen/foundation.css')?>" ] ').attr(
"href"。
"<?php echo
base_url('/Foundation/assets/css/lumen/foundation.css')?>"/span>
);
click = false。
console.log("change to style.css")。
}
});
這里是header.php代碼：
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" >
<meta name="viewport" content="width=device-width, initial-scale=1.0" >
<link rel="styleheet" href="<?php echo
'base_url'('Foundation/assets/css/foundation.css'); ?> ">
<link rel="styleheet" href="<?php echo
'base_url'('Foundation/assets/css/main.css'); ?>">
<link rel="styleheet" href="<?php echo
'base_url'('FontAwesome/css/fontawesome.css'); ?> ">
<title><?php echo $title ?></title>
</head>
這里是開關：
<input
class="switch-input Switch"。
id="Switch"/span>
type="checkbox"/span>
name="exampleSwitch"。
/>。
< label class="switch-paddle" for="Switch">
<span class="show-for-sr"/span>> 下載小貓</span>
</label>/span>
uj5u.com熱心網友回復：
你可以通過在你的瀏覽器上打開DevTools來檢查你遇到了什么問題。在控制臺標簽中，你可以看到是否有任何錯誤。 因為你沒有把你的問題寫清楚，所以我只是猜測你可能存在的問題。 首先，確保你包含了jquery，使腳本能夠運行。 第二，確保你的代碼中所有的樣式都在正確的路徑上。 第三，你在鏈接標簽中的特定href是錯誤的，所以jquery不能改變屬性值，改成這樣：
$('link[href*="<?php echo base_url('/span>/Foundation/assets/css/foundation. css') ?>" ]').attr(
"href"。
"<?php echo
base_url('/Foundation/assets/css/dark/foundation.css') ? >"
);
當第一次加載時，href屬性是Foundation/assets/css/foundation.css，但在你的代碼中是'/Foundation/assets/css/dark/foundation.css'，所以它不能改變這個值。把你的href值改成你想要的，但要確保你的選擇正確。
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/328410.html
標籤：
下一篇：我如何在插入選擇中設定默認值？