err

H5/public/index.html

@@ -12,9 +12,9 @@
     <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
     <!-- <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon" /> -->
 
-    <script src="./myData/myData.js"></script>
-    <link rel="stylesheet" href="./myData/css/common.css" />
-    <link rel="stylesheet" href="./myData/css/default.css" />
+    <script src="./data/myData.js"></script>
+    <link rel="stylesheet" href="./data/css/common.css" />
+    <link rel="stylesheet" href="./data/css/default.css" />
 
     <title>克拉玛依市博物馆</title>
   </head>
@@ -22,9 +22,9 @@
     <noscript>You need to enable JavaScript to run this app.</noscript>
     <div id="root"></div>
   </body>
-  <script src="./myData/js/jquery-1.11.0.min.js"></script>
-  <script src="./myData/js/jquery.reflection.js"></script>
-  <script src="./myData/js/jquery.cloud9carousel.js"></script>
+  <script src="./data/js/jquery-1.11.0.min.js"></script>
+  <script src="./data/js/jquery.reflection.js"></script>
+  <script src="./data/js/jquery.cloud9carousel.js"></script>
 
   <!-- <script>
     window.onload = function () {

H5/src/pages/A1home/data.ts

@@ -2,6 +2,8 @@ export const imgInitFu = () => {
   var showcase = $('#showcase'),
     title = $('#item-title')
 
+    console.log('showcase', showcase)
+
   const fullWidth = window.innerHeight
 
   showcase.Cloud9Carousel({
@@ -24,7 +26,8 @@ export const imgInitFu = () => {
   })
 
   function rendered(carousel: any) {
-    title.text(carousel.nearestItem().element.alt)
+    console.log(carousel.nearestItem())
+    title.text(carousel.nearestItem()?.element?.alt)
 
     // Fade in based on proximity of the item
     var c = Math.cos((carousel.floatIndex() % 1) * 2 * Math.PI)

H5/src/pages/A1home/index.tsx

@@ -24,6 +24,10 @@ declare global {
 
 function A1home() {
 
+  useEffect(() => {
+    imgInitFu()
+  }, [])
+
   const [acId, setAcId] = useState(-1)
 
   // useEffect(() => {
@@ -55,9 +59,7 @@ function A1home() {
     }
   }, [])
 
-  useEffect(() => {
-    imgInitFu()
-  }, [])
+
 
   const moveRef = useRef<any>(null)
   const swiperRef = useRef<any>(null)