Javascript 如何在Wix网站上运行jquery？

我知道Wix还不支持Jquery，所以我唯一的选择就是在他们的HTML编辑器中运行它。因此，我让HTML、Jquery和CSS代码在JSFIDLE上完美运行

但是，当我试图在它们的编辑代码窗口中运行所有这些代码时，Jquery不起作用，播放/暂停音频播放器会丢失其转换

以下是我试图做的：

$（'.control'）。在（'mousedown'，function（）上{
$（this.toggleClass（'pause play'）；
});
$（文档）.on（'keyup'，函数（e）{
如果（e.which==32）{
$（'.control'）.toggleClass（'pause play'）；
}
});






.控制{
边框：2.0px实心#333；
边界半径：50%；
利润率：20px；
填充：28px；
宽度：112px；
高度：112px；
字号：0；
空白：nowrap；
文本对齐：居中；
光标：指针；
}
控制
.控制，左，
.控制，对，
.控制：之前{
显示：内联块；
垂直对齐：中间对齐；
过渡：边框0.4s，宽度0.4s，高度0.4s，边距0.4s；
转换函数：三次贝塞尔（1,0,0,1）；
}
.控制：之前{
内容：“；
高度：112px；
}
.控制，暂停，向左，
.控制，暂停，对{
保证金：0；
左边框：36.96px实心#333；
边框顶部：0实心透明；
边框底部：0实心透明；
身高：96.992px；
}
.控制，暂停，向左{
右边框：22.4px实心透明；
}
.控制，播放，左{
左边距：18.666667px；
左边框：48.496px实心#333；
边框顶部：28px实心透明；
边框底部：28px实心透明；
右边框：0px实心透明；
高度：56px；
}
.控制，播放，对吗{
保证金：0；
左边框：48.496px实心#333；
边框顶部：28px实心透明；
边框底部：28px实心透明；
高度：0px；
}
.控制：悬停{
边框颜色：#000；
}
.控制：悬停。向左，
.控制：悬停。对{
左边框颜色：#000；
}

我知道这是个老问题，但我刚看到：）

您的代码格式错误。您的html布局位于

标题

部分，而不是

正文

。另一个问题是，在呈现html布局之前，您已经有了功能脚本，因此它可能无法工作。（默认情况下，jsfiddle在

正文的底部添加javascript部分）

看看这个方法：



.控制{
边框：2.0px实心#333；
边界半径：50%；
利润率：20px；
填充：28px；
宽度：112px；
高度：112px；
字号：0；
空白：nowrap；
文本对齐：居中；
光标：指针；
}
控制
.控制，左，
.控制，对，
.控制：之前{
显示：内联块；
垂直对齐：中间对齐；
过渡：边框0.4s，宽度0.4s，高度0.4s，边距0.4s；
转换函数：三次贝塞尔（1,0,0,1）；
}
.控制：之前{
内容：“；
高度：112px；
}
.控制，暂停，向左，
.控制，暂停，对{
保证金：0；
左边框：36.96px实心#333；
边框顶部：0实心透明；
边框底部：0实心透明；
身高：96.992px；
}
.控制，暂停，向左{
右边框：22.4px实心透明；
}
.控制，播放，左{
左边距：18.666667px；
左边框：48.496px实心#333；
边框顶部：28px实心透明；
边框底部：28px实心透明；
右边框：0px实心透明；
高度：56px；
}
.控制，播放，对吗{
保证金：0；
左边框：48.496px实心#333；
边框顶部：28px实心透明；
边框底部：28px实心透明；
高度：0px；
}
.控制：悬停{
边框颜色：#000；
}
.控制：悬停。向左，
.控制：悬停。对{
左边框颜色：#000；
}






$（'.control'）。在（'mousedown'，function（）上{
$（this.toggleClass（'pause play'）；
});
$（文档）.on（'keyup'，函数（e）{
如果（e.which==32）{
$（'.control'）.toggleClass（'pause play'）；
}
});
实际上，我认为您需要了解的是，Wix代码本质上是它自己的jQuery。Wix代码是Wix自己的DOM外推框架中的javascript API，它与jQuery做了类似的事情

元素在Wix编辑器中创建，然后使用Wix DOM使用$w（）范围选择器和元素ID与它们交互

要像这样使用原始HTML，您需要向Wix页面添加一个iframe，然后在iframe中运行代码（沙盒）。有关更多信息，请参阅本文：




干杯