小编And*_*ndy的帖子

如何用jquery/javascript更改/编辑标签的值?

我有一个标准的HTML标签值:

<label id="telefon" value="101"></label>
Run Code Online (Sandbox Code Playgroud)

我想通过单击标签来编​​辑此值,并在出现的文本框中输入新值(如value="202").

我怎么能做这么棘手的事情?

我尝试使用JQuery函数,但它真的不会工作:

$(function() {

  $('a.edit').on("click", function(e) {
    e.preventDefault();
    var dad = $(this).parent().parent();
    var lbl = dad.find('label');
    lbl.hide();
    dad.find('input[type="text"]').val(lbl.text()).show().focus();
  });

  $('input[type=text]').focusout(function() {
    var dad = $(this).parent();
    $(this).hide();
    dad.find('label').text(this.value).show();
  });

});
Run Code Online (Sandbox Code Playgroud)

javascript jquery label textbox

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

Google Maps Api v3标记。Google未定义

我有一个带有google maps api的网站,该网站是异步加载的。但这引发了错误:找不到google。我的代码是:

<script>

function initialize() {

  var mapOptions = {
    zoom: 10,
    center: new google.maps.LatLng(51.817116, 4.780616),
    mapTypeId: google.maps.MapTypeId.ROADMAP,
    panControl: false,
    mapTypeControl: false,
    scaleControl: false,
    streetViewControl: false,
    overviewMapControl: false,
    rotateControl: false
  };

  var map = new google.maps.Map(document.getElementById('maps'),
  mapOptions);
};

var customMarker = new google.maps.Marker({
  position: new google.maps.LatLng(51.817116, 4.780616),
  map: map
});

function loadScript() {
  var script = document.createElement('script');
  script.type = 'text/javascript';
  script.src = 'https://maps.googleapis.com/maps/api/js?v=3&sensor=false&' +
    'callback=initialize';
  document.body.appendChild(script);
}

addLoadEvent(loadScript);

</script>
Run Code Online (Sandbox Code Playgroud)

当我删除标记时,代码可以正常工作。如果我添加了某些示例中指定的标记,为什么它不起作用?

addLoad是一个加载事件。那不是问题……有人可以帮我解决这个问题吗?

javascript google-maps google-maps-api-3

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

JavaScript if语句仅评估第一个条件

我的if语句只评估第一个条件,第二个条件评估在||之后 被忽视了.如何解决这个问题?

function validateAge(input) {
  if ((input.value < 0 || input.value > 110) || (input.value.match(/[^0-9]/))) {
    input.setCustomValidity("Dozwolony zakres: od 0 do 110");
  } else {
    input.setCustomValidity("");
  }
}
Run Code Online (Sandbox Code Playgroud)

javascript

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

在javascript中拆分字符串,reactjs

所以我正在开发一个测验应用程序,所以是我第一次启动时应用程序的初始状态,我还有 quizApplication.js 组件存储所有问题和答案,

{
   question: "I am task oriented in order to achieve certain goals",
   answers: [
      {
        type: "Brown,D,JP",
        content: "Hell Ya!"
      },
      {
        type: " ",
        content: "Nah"
      }
    ]
 },
Run Code Online (Sandbox Code Playgroud)

这是我设置用户答案的​​功能

setUserAnswer(answer) {
if (answer.trim()) {
  const answer_array = answer.split(',');
  const updatedAnswersCount = update(this.state.answersCount, {
    [answer]: {$apply: (currentValue) => currentValue + 1},
  });
  this.setState({
    answersCount: updatedAnswersCount,
    answer: answer
  }); 
 }
}
Run Code Online (Sandbox Code Playgroud)

我也有一个像这样的 AnswerOption 组件

function AnswerOption(props) {
 return (
   <AnswerOptionLi>
    <Input
     checked={props.answerType === props.answer}
     id={props.answerType} …
Run Code Online (Sandbox Code Playgroud)

javascript arrays string jsx reactjs

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

onChange 中的 React 事件目标值

有什么区别

onChange={({ target: { value } }) => setInsertedTitle(value)}
Run Code Online (Sandbox Code Playgroud)

onChange={setInsertedTitle}
Run Code Online (Sandbox Code Playgroud)

什么时候应该使用其中一种或另一种?

javascript reactjs react-hooks

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

在 Nodejs 事件循环的哪个阶段解析 Promise 的回调被执行?

根据这个答案

“重要的是要考虑到 Promise 中的 then/catch 回调是微任务,并将在 nextTick 任务之后执行”

Nodejs 文档提到 nextTickQueue 将在当前操作完成后处理,无论事件循环的当前阶段如何。这是否意味着已解决的承诺回调既不会在轮询阶段执行,也不会在挂起的回调阶段执行?

此外,该视频提到有一个queueMicroTask 队列,该队列在事件循环的当前阶段之后进行处理。所以我现在明白的是:

已解决的 Promise 回调将添加到queueMicroTask中,该回调将在nextTickQueue(回调传递给process.nextTick)之后进行处理,无论事件循环的当前阶段是什么,都会在nextTickQueue之后进行处理。

那是对的吗?如果不对请纠正我,我真的很困惑。

javascript event-loop node.js

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

Promise.all() 中的第一个承诺无法正确执行

wait函数用作睡眠函数,fn函数接受一个数组(项目),它记录每个项目并在记录下一个项目之前休眠一秒钟。

const wait = async(time) => {
  return new Promise((resolve) => setTimeout(resolve, time))
}

const fn = async(items) => {
  for (item of items) {
    await wait(1000)
    console.log(item)
  }
}

const exeAll = async() => {
  Promise.all([
    fn(['A1', 'A2']),
    fn(['B1', 'B2']),
  ])
}

exeAll()
Run Code Online (Sandbox Code Playgroud)

问题是exeAll函数提供的结果打印:

B1
A2
B2
B2
Run Code Online (Sandbox Code Playgroud)

但我认为它应该打印类似的内容:

A1
B1
A2
B2
Run Code Online (Sandbox Code Playgroud)

执行上述代码时,A1根本不显示。有人能解释一下为什么吗?

javascript asynchronous promise async-await

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

TypeError:第一个参数必须是字符串或Buffer。Java脚本

var formData = {
  name: 'TestDeck',
  description: 'This is a test deck for my api',
  private: false,
  shareable: false,
  ttsLanguages: [],
  blacklistedSideIndices: [],
  blacklistedQuestionTypes: [],
  gradingModes: [],
  imageAttribution: 'https://www.logogarden.com/wp-content/uploads/lg-index/Example-Logo-6.jpg',
  imageFile: fs.readFile('retext.png', 'utf8')
}

function createDeck(connection) {
  request.post({
      url: '<url>',
      formData: formData,
      headers: {
        'Content-Type': 'multipart/form-data'
      },
      json: true
    }),
    function(err, resp, body) {

    }
}
Run Code Online (Sandbox Code Playgroud)

我收到错误消息:TypeError:第一个参数必须是字符串或Buffer。

老实说,我不知道为什么,需要帮助。

javascript http request npm

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

TypeError [ERR_INVALID_CALLBACK]:回调必须是一个函数。收到的承诺 { &lt;pending&gt; }

我在尝试 scrape 时遇到此错误prnt.sc,但我不明白为什么。

我认为setInterval()这给我带来了问题。

TypeError [ERR_INVALID_CALLBACK]:回调必须是一个函数。收到的承诺 { }

const puppeteer = require("puppeteer");
const select = require('puppeteer-select');

async function llamar() {

  const browser = await puppeteer.launch({
    headless: true
  });

  var text = "";
  var possible = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";

  for (var i = 0; i < 6; i++)
    text += "https://prnt.sc/" + possible.charAt(Math.floor(Math.random() * possible.length));
  console.log(text)


  const page = await browser.newPage();
  path = Math.random()
  await page.goto(text)
  const element = await select(page).getElement('button:contains(AGREE)');
  await element.click()
  await page.screenshot({
    path: path + '.jpg' …
Run Code Online (Sandbox Code Playgroud)

javascript puppeteer

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

已定义但从未使用 no-unused-var

我是 React 新手,现在正在尝试了解 React 组件。但是当我创建 nameList.js,在其中添加数据并导出到 app.js 时,它不会在浏览器中显示任何内容。我在 Stackoverflow 上阅读了一些答案并尝试了它。但不显示任何内容。

应用程序.js

import './App.css';
import nameList from './Components/nameList';

function App() {
  return (
    <div className="App">
      <div className="App" >
            <nameList/>
        </div>
    </div>
  );
}

export default App;

Run Code Online (Sandbox Code Playgroud)

组件文件夹中的 nameList.js


import React from 'react';

function nameList() {
    return (
    <div>
       <h1>Name List</h1>
        <ul>
            <li>Stu1</li>
            <li>Stu2</li>
            <li>Stu3</li>
        </ul>
    </div>
  )
}

export default nameList;
Run Code Online (Sandbox Code Playgroud)

我需要将 nameList.js 中的数据获取到 App.js 中

javascript reactjs

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