小编Sco*_*cus的帖子

Jquery只能在控制台中工作,甚至文档就绪

我正在做一个任务,我正在试图弄清楚为什么我的jquery代码只在我打开控制台时才起作用.关于这种行为的奇怪部分是它在Edge/IE中工作正常但不是chrome或firefox.我已经搜索了各种线程,并且我加倍检查我的doc ready功能是否正确格式化并加入了括号.编辑:添加了HTML和CSS

    <!DOCTYPE html>
    <html lang="en">    
    <head>
        <meta charset="UTF-8">
        <title>Project 5: P3</title>
        <meta name="author" content="Mia Kollia"><meta name="robots" content="noindex, nofollow">
       <!-- STANDARD @IMPORT Google Font Gamja Flower -->
        <link href="https://fonts.googleapis.com/css?family=Gamja+Flower" rel="stylesheet"> 
    </head>
    <body>
        <aside class="logo">
            <img src = "sftwear.png" alt="logo"><br>
        </aside>
        <aside class="Home">
          <a href="../home.html">Home</a><br> <!-- Home link -->
        </aside>
        <article class="content">
            <section class="intro">
                <h1> Behold My Cats </h1>
            </section>
          <section class="pic">
        <img class="image" src="pic2.jpg" height="200px" width="200px"> 
        <img class="image" src="pic3.jpg" height="200px" width="200px">
        <img class="image" src="pic4.jpg" height="200px" width="200px">
        <img class="image" src="pic5.jpg" height="200px" …
Run Code Online (Sandbox Code Playgroud)

html javascript css jquery

5
推荐指数
1
解决办法
84
查看次数

如何在SharePoint Online中创建长度超过255个字符的动态超链接

我的设置:

  • SharePoint Online(Office 365的一部分)
  • 无法访问服务器编码(.NET)解决方案
  • 文档库使用文档集内容类型
  • 启用了新体验UI

使用案例:

我有一个SP2013工作流程,允许用户对库中的文档进行更改请求.工作流具有启动表单参数,为这些参数提供的数据以及对运行工​​作流的项目的引用将写入站点中的另一个列表.这一切都很好.

我要做的是在文档库中创建一个列,允许用户直接导航到工作流的Initiation Form,而不必右键单击该项,选择"Advanced",然后选择"Workflows".

工作流程的"启动表单"页面的链接(在手动导航到它时直接从浏览器的地址栏中取出)的链接如下所示(为了便于阅读,添加了换行符):

https://company.sharepoint.com/sites/ABC/wfsvc/e73969f753574a3bb30c8d3ce3ab9c56/WFInitForm.aspx

?List={f9b73015-1131-442d-95b8-9682149a27e6}

&ID=5

&ItemGuid={71AA92CE-2D37-4D43-B593-AB6004E9DCF0}

&TemplateID={64193686-AB59-4D44-B0EB-FBD8E2CB7A1F}

&WF4=1

&Source=https%3A%2F%2Fcompany%2Esharepoint%2Ecom%2Fsites%2FABC%2FCourseDocuments%2FForms%2FCourseDocuments%2Easpx%3FRootFolder%3D%252Fsites%252FDCU%252FCourseDocuments%252FBasic%2520Stuff%26FolderCTID%3D0x0120D52000E334520C326BA440BF6F86F3CA80AE2800E3DBD1BD3A1EA348A9D944A931464C4D
Run Code Online (Sandbox Code Playgroud)

IDItemGuid链接的部分将需要动态,因为它们将包含对特定的库文件,所述工作流将需要对运行的参考.其他一切都是静态的.

为了每个项目动态生成此URL,我创建了第二个工作流程,该工作流程在添加库中的新项目时运行,并且能够手动运行(对于库中已有的项目)并且工作流程正确生成每个项目所需的URL.

问题:

此URL超过"超链接或图片"列接受的255个字符,因此在尝试将此URL写入列时工作流出错.

我试过的:

我已经在这一段时间了,发现了几个已发布的解决方法,其中没有一个有效:

  • 我已经尝试通过使URL相对来缩短URL(因此可以删除完整的站点URL)并将其放在"超链接或图片"字段中,但这会导致"无效URL"的工作流错误,即使URL已生成复制并粘贴到地址栏时有效.
  • 我已经尝试通过使用Bitly对静态部分进行编码来缩短URL ,这次工作流程已完成并为字段编写了可点击的URL,但是当静态部分单独工作时,当它们与其他部分连接时,最终的URL引导在Bitly网站上发生404错误.
  • 我已经将"计算"列设置为"日期/时间"结果,并使计算成为URL部分到HTML超链接语法(即="<a href='"&[column1]&[column2]&[column3]&"'>Click</a>")的串联.虽然这确实成功地将整个事物生成并设置到库中,并且所有动态部分都正确,但该字段不会呈现为已解析的HTML,而是呈现完整的HTML标记,因此它不是可点击的链接.(下图显示了一个相对URL,但是使用这种方法,我使用了一个绝对URL.图片只是为了显示正在生成和未解析的标记的结果.)

    在此输入图像描述

  • 我已尝试将"具有格式和发布约束的完整HTML内容"字段添加到我的库中(启用了SharePoint Server发布基础结构网站功能),并显示与上面计算的列尝试一样的HTML标记.
  • 我尝试使用"多行"文本字段,并获得与上面相同的标记显示.
  • 根据这篇文章,编码的URL没有长度限制,所以我尝试编码整个URL并将其放入"超链接或图片"字段,但工作流错误出现在"无效URL"消息上.

因此,最重要的是我可以创建所需的URL,但无法找到一种方法将其放入每个项目的字段中,使其可以作为实际超链接进行单击.


更新:

为了回应下面的@LukášNešpor建议,我尝试了相应的变化,但按照您的指示再次尝试.我没有在列表本身中获得列格式化选项,但是在配置列表设置中的列时我确实得到了该选项,这就是我输入JSON的位置.

在此输入图像描述 在此输入图像描述

但是,当我尝试它时,JSON格式不起作用.

在此输入图像描述

sharepoint sharepoint-designer sharepoint-workflow sharepoint-online

5
推荐指数
1
解决办法
1060
查看次数

JavaScript - 将带有方法的对象保存为字符串

我一直在寻找一种方法来做到这一点,但似乎找不到任何东西,我有不同的配置对象,我需要将它们保存为变量中的文本以供稍后处理,这是一个示例:

目的:

args.config.config = {
        next: null,
        final:[],
        delimiter: '~', header: false,
        step: function (row) {
            var item = {
                'line_code': row.data[0][0],
                'order': row.data[0][1]
            }
            args.config.config.final.push(item);
        },
        complete: function (result) {
            console.log('Reading data completed. Processing.');
            return args.config.config.next(null, args.config.config.final);
        },
        error: function () {
            console.log('There was an error parsing');
        }'
    }
Run Code Online (Sandbox Code Playgroud)

我需要将其保存为字符串,例如:

args.config.config = "{object goes here}";
Run Code Online (Sandbox Code Playgroud)

不要将所有内容都放在一个巨大的行上或添加换行符,因为稍后将对其进行解析以在配置中使用,这会使事情变得一团糟,有什么想法吗?

更新: 因此将它们更改为文本可能不是最好的解决方案,这些配置将存储在 mongo 数据库中,因此可以按原样使用它们(我还没有尝试过)。

我遇到的其他问题之一是在配置对象中我有这个:

final.push(item)
Run Code Online (Sandbox Code Playgroud)

return next(null, final)
Run Code Online (Sandbox Code Playgroud)

这将使用配置对象在另一个文件中定义:

其他文件:

exports.parse = function(args, next){//next is what I need to call in …
Run Code Online (Sandbox Code Playgroud)

javascript

4
推荐指数
1
解决办法
3108
查看次数

JavaScript RegExp - g修饰符不起作用

我已经被困在这个愚蠢的问题上好几个小时了.我知道这似乎很愚蠢,但我真的不知道我错过了什么.任何帮助,将不胜感激.

这是我的问题:

var objReg = /touch/g;
var str = "abc touch def touch";
var arr = objReg.exec(str);
Run Code Online (Sandbox Code Playgroud)

在这里,我希望数组arr包含2个元素,但它只包含第一个元素,即使我确保放置g修饰符.

任何人都可以指导我在这里做什么?

调试:如下图所示,数组只有1个元素(index = 0)

在此输入图像描述

javascript regex testcomplete jscript

4
推荐指数
2
解决办法
799
查看次数

如何从HTML"悬停"调用JS函数?

我必须抓住"悬停"并调用JS函数.我从html中调用它.但什么都没发生.我也尝试使用鼠标悬停 - 也无法使用html.我必须抓住"悬停",但不能在"hover"上的JS文件中创建事件监听器.我可以将事件监听器置于"鼠标悬停"但是当鼠标快速移动时它不能正常工作).我犯了什么错误,我对changeDef(事件)没有任何反应?

function changeDef(event){
  console.log(event.target);
}
Run Code Online (Sandbox Code Playgroud)
<img class="img-default" src="./img/footer1.png" hover="changeDef(event)">
Run Code Online (Sandbox Code Playgroud)

html javascript hover

4
推荐指数
2
解决办法
2985
查看次数

date.toLocaleString(options) 不起作用 javascript

我对 JS 很陌生,需要一些帮助。

我想在 toLocaleString() 的帮助下格式化日期。根据标准,第一个参数 'locales' 可以省略。我的代码看起来像:

    let myDate = new Date(2014, 0, 30)
    let options = {
                year: '2-digit',
                month: '2-digit',
                day: '2-digit'
            };
    let formattedDate = myDate.toLocaleString(options);
    
    console.log(formattedDate);
Run Code Online (Sandbox Code Playgroud)

javascript date

3
推荐指数
2
解决办法
1万
查看次数

将ImageView垂直居中并偏移

我想水平居中放置一个图像视图,然后垂直居中放置该视图。但是,在垂直居中时,我需要使图像视图稍微偏离中心,以便于视图的上半部分。我的设计师给了我214点的最高间距,在iPhone 6,7,8上可以完美地工作。但是,在iPad上,它无法正确缩放。在iPhone 4S的另一端,图像视图更偏向于视图的下半部分。

iPhone 8(下图是为iPhone 8设置的界面生成器的屏幕截图。) 在此处输入图片说明

iPad(下图是为iPad Pro 9.7“设置的界面生成器的屏幕快照。) 在此处输入图片说明

iPhone 4S(下图是为iPhone 4S设置的界面生成器的屏幕截图。) 在此处输入图片说明

如何获得所有屏幕尺寸的缩放比例?

xcode interface-builder autolayout swift

3
推荐指数
1
解决办法
2431
查看次数

如何使用纯javascript函数而不使用jquery在div内向左或向右滚动?

我正在尝试仅使用 javascript 在 div 内向左或向右滚动,而没有使用 jquery。我已经使用 jquery 实现了它,但我需要单独使用 javascript 来实现它。代码:-

我希望按钮帮助沿 div 向左或向右水平滚动。如何做。我通过这种方式使用 jquery 实现了它:-

$('#right-button').click(function() {
  event.preventDefault();
  $('#content').animate({
    scrollLeft: "+=200px"
  }, "slow");
});

 $('#left-button').click(function() {
  event.preventDefault();
  $('#content').animate({
    scrollLeft: "-=200px"
  }, "slow");
});
Run Code Online (Sandbox Code Playgroud)
.outer {
  display: flex;
  overflow-x: hidden;
  overflow-y: hidden;
}

.inner {
  flex: 0 0 25%;
  height: 100px;
  margin: 10px;
}

.paddle {
  position: absolute;
  top: 50px;
  bottom: 0;
  width: 30px;
  height: 20px;
}

.lefty {
  left: 0;
}

.righty {
  right: 0;
}
Run Code Online (Sandbox Code Playgroud)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="outer" …
Run Code Online (Sandbox Code Playgroud)

javascript

3
推荐指数
2
解决办法
2万
查看次数

可再用功能中的'this'绑定?

我已经将一个小脚本放在一个较大的测验项目的一部分,我很难理解为什么在this调用该函数之前在函数中设置关键字.这是我的代码:

$(document).ready(function ($) {

     function nextCard() {
         console.log('yes');
         $(this).closest('.card').hide();
         $(this).parent().next().show();
     }

    $("#start").on('click', function (e) {
        e.preventDefault();

        //First card to appear
        nextCard();
    });

    $("#next").on('click', function (e) {
        e.preventDefault();
        nextCard();
    });
});
Run Code Online (Sandbox Code Playgroud)

为什么'this'不会被设置为元素#start?

html javascript jquery scope this

2
推荐指数
1
解决办法
36
查看次数

单击HTML选择的父级

select当它被禁用时,我似乎无法单击a的父级.我试图让用户通过点击来解锁输入,但它只适用于inputs.

    let $input = $('input')
    $input.parent().click(function() {
      $input.prop('disabled', false);
    })
    let $select = $('select')
    $select.parent().click(function() {
      $select.prop('disabled', false);
    })
Run Code Online (Sandbox Code Playgroud)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <div class="parent">
      <input name="name" disabled placeholder="click me">
    </div>
    <div class="parent">
      <select name="thing" disabled>
        <option value="1">1</option>
      </select>
    </div>
Run Code Online (Sandbox Code Playgroud)

html javascript jquery

2
推荐指数
1
解决办法
42
查看次数