jQueryでLiquidの変数を使いたい

日本語 ディスカッション 技術的なQ＆A
1

こちらのURLを参考に、マウスオーバーでの画面切り替え機能の導入を進めています。

https://osyu-web.com/jquery/mouseover-imagechange/

そのまま使用すると、テーマからセクションブロックを複数作成した際、クラス名.subimageや.mainimagが一意でないため、マウスオーバーすると他のブロックの画像まで切り替わります。

クラス名（.subimageや.mainimag）にLiquidでblock.idを足すと一意なクラス名になるため、下記のようにコードを追加しましたが、マウスオーバーしても画像が切り替わりません。

事前にassignで変数を割り当て、jQueryのvar blockID…で読み出し、各class名に足しています。

大まかな流れは間違っていないのではと思うのですが、ご助力いただけないでしょうか。

{% assign liquidblockID = block.id %}

				

  - 

  - 

  -
2

自己解決しました。結果的にjQueryでLiquidの変数を使うことなくやりたいことは実現できました。


            
                

                  

                    
                  
				
                

                
                  
                  

                    

                      - 

                      - 

                      -