缩放图像不能用rtl语言工作

Question

我正在使用画廊页面图像。

当我添加LTR方向时，缩放图像正常工作但问题是我向HTML标记添加<!-- gallery --> <section > <div class="container gallery-container"> <h1> Gallery</h1> <p class="page-description text-center">Grid Zoom </p> <div dir="ltr" class="tz-gallery" > <div class="row"> <div class="col-sm-6 col-md-3"> <a class="lightbox" href="../images/park.jpg"> <img src="../images/park.jpg" alt="Park"> </a> </div> <div class="col-sm-6 col-md-3"> <a class="lightbox" href="../images/bridge.jpg"> <img src="../images/bridge.jpg" alt="Bridge"> </a> </div> <div class="col-sm-12 col-md-3"> <a class="lightbox" href="../images/tunnel.jpg"> <img src="../images/tunnel.jpg" alt="Tunnel"> </a> </div> <div class="col-sm-6 col-md-3"> <a class="lightbox" href="../images/coast.jpg"> <img src="../images/coast.jpg" alt="Coast"> </a> </div> </div> </div> </div> </section> <script src="js/gallery/baguetteBox.min.js"></script> <script> baguetteBox.run('.tz-gallery'); </script> 时。

缩放功能无效：

var res = '11222344'.match(/(\d)\1*/g);

console.log(res);