【问题标题】:Character limit isn't working on iPad字符限制在 iPad 上不起作用
【发布时间】:2015-11-24 17:34:22
【问题描述】:

我使用下面的脚本通过调整窗口大小来限制字符,它可以在桌面网络上按我想要的方式工作,但是当我在 iPad 上打开页面时,字符并没有限制或改变。可以做些什么来解决这个问题?任何帮助将不胜感激。

/*limit characters in featured text column */
$( document ).ready(function() {
    function checkWidth() {
        if ($(window).width() < 1270) {
            $(".i-trim-header").addClass('i-text-trim');
            $(".i-trim-header").each(function(i){
                len=$(this).text().length;
                if(len>25) {
                    $(this).text($(this).text().substr(0,25)+'...');
                }
            });
        } else {
            $('.i-trim-header').removeClass('i-text-trim');
            $(".i-trim-header").each(function(i){
                $(this).text($(this).data('.i-trim-header-o'));
            });
        }
    }
    $(".i-trim-header").each(function(){
        $(this).data({originalTxt: $(this).text()});
      });
    $(window).resize(checkWidth);
});

/* default character limit in text column */
// <![CDATA[
$(function(){
    $(".i-trim-header-o").each(function(i){
        len=$(this).text().length;
        if(len>55) {
            $(this).text($(this).text().substr(0,55)+'...');
        }
    });
});
// ]]></script>

【问题讨论】:

    标签: javascript jquery ios css frontend


    【解决方案1】:

    转到设置->Safari->高级->JavaScript 并确保它已打开,尽管大多数 JavaScript 代码无法在移动设备上运行。

    【讨论】:

    • 我在 ipad 上使用 chrome。并且 Javascript 已打开。
    • 并且在 safari 上也启用了 javascript,但它不起作用。
    • 添加alert($(window).width());并检查给定的宽度是否小于1270。
    • 另外请注意,如果您在横向模式下使用 ipad,它会将高度作为宽度。我的 iPad 的宽度是 980,高度是 1154(chrome 上是 1160)......所以这不应该是问题
    • 我检查过,纵向宽度为 786,横向宽度为 1024,Chrome 和 ipad 上的 safari。但它现在仍然有效。 :(
    猜你喜欢
    • 2020-12-24
    • 1970-01-01
    • 2015-11-06
    • 2011-03-15
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多