javascript - 我在这里缺少什么脚本?
问题描述
尝试为新客户重建网站 - 他希望我继承位于此处(http://odfigroup.com/about-us/)的名为 Our Holistic Approach 的层
这是我的新版本所在的位置https://lonebeacondevelopment.com/odfigroup/about-odonnell-financial-group/
如您所见,我还无法在点击功能上获得翻转和右侧内容更改
我已经继承了所有的 CSS 和这个 JS,我把它们放在了页面的正文中。
<script type="text/javascript">
jQuery('.value-icon').on('mouseover', function () {
var windowwidth = jQuery(window).width();
if (windowwidth > 767) {
jQuery(this).parent().find('.value-popup').attr('style', 'display:block;');
}
});
jQuery('.value-icon').on('mouseleave', function () {
var windowwidth = jQuery(window).width();
if (windowwidth > 768) {
jQuery(this).parent().find('.value-popup').attr('style', 'display:none;');
}
});
jQuery('.value-icon').on('click', function () {
var windowwidth = jQuery(window).width();
if (windowwidth < 769) {
jQuery('.value-popup').slideUp();
jQuery(this).parent().find('.value-popup').slideDown();
}
});
jQuery(document).ready(function () {
var windowwidthh = jQuery(window).width();
if (windowwidthh < 769) {
jQuery('.first-ic').slideDown();
}
})
</script>
<script type="text/javascript">
var parentEl = jQuery('#approach-diagram').attr('class');
jQuery('#approach-diagram span').on('mouseover', function () {
var hoverEl = jQuery(this).attr('class');
jQuery('#approach-diagram').attr('class', hoverEl + '-bg');
});
jQuery('#approach-diagram').on('mouseleave', function () {
jQuery('#approach-diagram').attr('class', parentEl);
});
jQuery('#approach-diagram span').on('click', function () {
var clickEl = jQuery(this).attr('class');
jQuery('#approach-diagram').attr('class', clickEl + '-bg');
jQuery('.approach-text').slideUp();
jQuery('#' + clickEl + '-text').slideDown();
parentEl = clickEl + '-bg';
});
</script>
我还缺少什么?有人可以帮我让它正确触发吗?
解决方案
推荐阅读
- javafx - JavaFX - 删除选项卡窗格中选项卡下的黑线
- php - 如何使用 fmx 网络浏览器发送帖子数据
- javascript - 匹配来自两个 api 调用的数据,然后在 React 中的表上显示结果
- python - KivyMD:AttributeError:“NoneType”对象在添加 MDToolbar 时没有属性“theme_cls”
- c++ - 查找字符串中最常见的字母
- java - 返回和求和数组的奇数
- sql - GROUP BY 和 ORDER BY ASC & DESC
- c# - 在数据库中循环
- authentication - CouchDB Fauxton Web 界面:如何无需登录即可创建/编辑文档
- angular - 在 Angular 8 项目中加载 Firebase 远程配置