Question

我有这个脚本：

<script>
jQuery(function($){
    if (!$('#et-info').length) { 
         $('#top-header .container').prepend('<div id="et-info"></div>'); 
    }
    $('#et-info').prepend('<span style="margin:0 10px">NYITVATARTÁS: H-Sz 10-19, V 10-16</span>');
})
	</script>

我只想在移动设备上启用它。

Answer 1

您可以使用JavaScript检查视口宽度。

function rep_tag ($m) {
  return preg_replace(['~\bsun\b~i','~<~','~>~'], ["moon","&lt;","&rt;"], $m[0]);
}

$text = preg_replace_callback('~<tag>\K.*?(?=</tag>)~s', 'rep_tag', $text);

Answer 2

使用下面的代码。此代码将在小于600屏幕尺寸的屏幕上运行。

$(document).ready(function(){

    if ($(window).width() < 600) {
      jQuery(function($){
            if (!$('#et-info').length) { 
                 $('#top-header .container').prepend('<div id="et-info"></div>'); 
            }
            $('#et-info').prepend('<span style="margin:0 10px">NYITVATARTÁS: H-Sz 10-19, V 10-16</span>');
        })

    }
});

Answer 3

您可以根据目标设备的分辨率将“ 739”更改为其他数字。

if ( $(window).width() > 739) 
     {    
    //Add your javascript for large screens here 
     }  
     else 
     {   
    //Add your javascript for small screens here 
    }

仅在移动设备上启用此脚本

3 个答案: