Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将悬停更改为始终显示(标题)_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 将悬停更改为始终显示(标题)

Javascript 将悬停更改为始终显示(标题),javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有一个投资组合网站 www.malthestigard.com 在这里,我使用Cube portfolio JavaScript插件显示一些公文包案例。每个公文包案例都有一个与之相连的标题,该标题在鼠标悬停时显示在桌面上。当然,问题是在移动设备上查看我的网站时,没有鼠标悬停在公文包上,标题仍然隐藏(据我所知,它只隐藏特定屏幕大小的标题,但由于我对html和css不熟悉,我很难找到正确的媒体查询以及如何更改它们,而且我认为如果它总是显示出来,将有助于用户体验).所以我的问题是,如何更改css或j

我有一个投资组合网站

www.malthestigard.com

在这里,我使用Cube portfolio JavaScript插件显示一些公文包案例。每个公文包案例都有一个与之相连的标题,该标题在鼠标悬停时显示在桌面上。当然,问题是在移动设备上查看我的网站时,没有鼠标悬停在公文包上,标题仍然隐藏(据我所知,它只隐藏特定屏幕大小的标题,但由于我对html和css不熟悉,我很难找到正确的媒体查询以及如何更改它们,而且我认为如果它总是显示出来,将有助于用户体验).所以我的问题是,如何更改css或javascript以使标题始终显示

HTML:


Malthe Stigaard | Graphic&;网页设计| www.malthestigard.com
    • 我是马尔特·斯蒂加德 数码设计
      平面设计
      视频制作
      摄影

      欢迎来到我的作品集 我的作品 在过去的12年中,我一直在创意产业的战略、执行和生产层面上从事数字和印刷项目。我管理品牌、用户体验设计、用户界面设计、网站开发、视频制作和摄影等任务。我协调团队,开展发布、营销活动,并协助社区发展战略和业务发展。简言之,我是一个富有创意的视觉故事讲述者,经验丰富。下面你会发现我的一些作品的小集合——请看一看,并随时与我交流。 全部的 网页设计 图解的 直接反应营销 建设 空间设计 摄影 社论 视频

      “> 私人教练乔纳斯·罗伯茨 移动和桌面网站 关于我 我做什么 我使用的工具 网络语言 摄影与录像 在过去的10年里,我一直在Adobe Creative Suite工作。我在Photoshop、Indesign、Premiere Pro和Bridge方面经验丰富。我还拥有5年的Final Cut Pro+扩展方面的专业经验。 我有2年编写HTML5和CSS3的经验。我对JavaScript和jQuery非常了解,我可以在HTML中实现插件,并应用基本的调整。 我曾接受过摄影师和摄像师的培训。在摄影领域,我主要从事活动摄影、产品摄影、建筑摄影和艺术摄影。我的视频作品包括纪录片、艺术馆电影和公司电影,并担任制片人、导演、摄像师和编辑。 客户与合作 奥林巴斯
      丹斯克共青团
      阿基特炸药
      格里特·里特维尔德学院
      机动的
      里特伍德粘胶
      佩索利格·特纳·乔纳斯·罗伯茨
      滑雪比赛
      法塔莫加纳
      加2
      表演艺术月
      HOMEBASE实验室
      宁静
      亲朋好友
      丹斯克伊西酒店
      M4宾馆
      皮奥纳
      起点奖
      安特卫普航空公司
      蒙德里安广场 维塔基金会
      DANSK KUNSTRÅ;D

      在我的业余时间

      下班后健身或游泳,让自己不断了解科技界的最新情况。我喜欢好故事、好电影和艺术。我喜欢到欧洲旅行,拜访欧洲创意界的朋友。我花了大量时间思考单词定义和语言

      接触

      我很想收到你的来信,请写信给我
      找到我,然后

      2016年马尔特·斯蒂加德

JAVASCRIPT:

    <script type="text/javascript" src="cubeportfolio/js/jquery.cubeportfolio.min.js"></script>
    <script>
        $('a[href^="#"]').on('click', function(event) {
            var target = $(this.getAttribute('href'));
            if (target.length) {
                event.preventDefault();
                $('html, body').stop().animate({
                    scrollTop: target.offset().top
                }, 1000);
            }
        });
        (function($, window, document, undefined) {
            'use strict';
            $('#js-grid-tabs').cubeportfolio({
                filters: '#js-filters-tabs',
                defaultFilter: '.tools',
                animationType: 'fadeOut',
                gridAdjustment: 'default',
                displayType: 'default',
                caption: '',
            });
        })(jQuery, window, document);
        (function($, window, document, undefined) {
            'use strict';
            $('#js-grid-masonry').cubeportfolio({
                filters: '#js-filters-masonry',
                layoutMode: 'grid',
                defaultFilter: '*',
                animationType: 'slideDelay',
                gapHorizontal: 20,
                gapVertical: 20,
                gridAdjustment: 'responsive',
                mediaQueries: [{
                    width: 1500,
                    cols: 4
                }, {
                    width: 1100,
                    cols: 4
                }, {
                    width: 800,
                    cols: 3
                }, {
                    width: 480,
                    cols: 2,
                    options: {
                        caption: ''
                    }
                }, {
                    width: 320,
                    cols: 1,
                    options: {
                        caption: ''
                    }
                }],
                caption: 'overlayBottom',
                displayType: 'bottomToTop',
                displayTypeSpeed: 100,
                lightboxDelegate: '.cbp-lightbox',
                lightboxGallery: true,
                lightboxTitleSrc: 'data-title',
                lightboxCounter: '<div class="cbp-popup-lightbox-counter">{{current}} of {{total}}</div>',
            });
        })(jQuery, window, document);
    </script>
    <script type="text/javascript">
        jQuery(document).ready(function() {
            jQuery('#grid-container').cubeportfolio({});
        });
    </script>
    <!-- Google Analytics tracking code -->
    <script>
        (function(i, s, o, g, r, a, m) {
            i['GoogleAnalyticsObject'] = r;
            i[r] = i[r] || function() {
                (i[r].q = i[r].q || []).push(arguments)
            }, i[r].l = 1 * new Date();
            a = s.createElement(o),
                m = s.getElementsByTagName(o)[0];
            a.async = 1;
            a.src = g;
            m.parentNode.insertBefore(a, m)
        })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');

        ga('create', 'UA-34485670-1', 'auto');
        ga('send', 'pageview');
    </script>

$('a[href^=”
    <script type="text/javascript" src="cubeportfolio/js/jquery.cubeportfolio.min.js"></script>
    <script>
        $('a[href^="#"]').on('click', function(event) {
            var target = $(this.getAttribute('href'));
            if (target.length) {
                event.preventDefault();
                $('html, body').stop().animate({
                    scrollTop: target.offset().top
                }, 1000);
            }
        });
        (function($, window, document, undefined) {
            'use strict';
            $('#js-grid-tabs').cubeportfolio({
                filters: '#js-filters-tabs',
                defaultFilter: '.tools',
                animationType: 'fadeOut',
                gridAdjustment: 'default',
                displayType: 'default',
                caption: '',
            });
        })(jQuery, window, document);
        (function($, window, document, undefined) {
            'use strict';
            $('#js-grid-masonry').cubeportfolio({
                filters: '#js-filters-masonry',
                layoutMode: 'grid',
                defaultFilter: '*',
                animationType: 'slideDelay',
                gapHorizontal: 20,
                gapVertical: 20,
                gridAdjustment: 'responsive',
                mediaQueries: [{
                    width: 1500,
                    cols: 4
                }, {
                    width: 1100,
                    cols: 4
                }, {
                    width: 800,
                    cols: 3
                }, {
                    width: 480,
                    cols: 2,
                    options: {
                        caption: ''
                    }
                }, {
                    width: 320,
                    cols: 1,
                    options: {
                        caption: ''
                    }
                }],
                caption: 'overlayBottom',
                displayType: 'bottomToTop',
                displayTypeSpeed: 100,
                lightboxDelegate: '.cbp-lightbox',
                lightboxGallery: true,
                lightboxTitleSrc: 'data-title',
                lightboxCounter: '<div class="cbp-popup-lightbox-counter">{{current}} of {{total}}</div>',
            });
        })(jQuery, window, document);
    </script>
    <script type="text/javascript">
        jQuery(document).ready(function() {
            jQuery('#grid-container').cubeportfolio({});
        });
    </script>
    <!-- Google Analytics tracking code -->
    <script>
        (function(i, s, o, g, r, a, m) {
            i['GoogleAnalyticsObject'] = r;
            i[r] = i[r] || function() {
                (i[r].q = i[r].q || []).push(arguments)
            }, i[r].l = 1 * new Date();
            a = s.createElement(o),
                m = s.getElementsByTagName(o)[0];
            a.async = 1;
            a.src = g;
            m.parentNode.insertBefore(a, m)
        })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');

        ga('create', 'UA-34485670-1', 'auto');
        ga('send', 'pageview');
    </script>