Подключите функцию onload к функции onresize - PullRequest
Новая
       50

Подключите функцию onload к функции onresize

0 голосов
/ 17 июня 2020

Я хочу сократить некоторые названия API в зависимости от размера экрана. Итак, у меня есть функция onload для извлечения и отображения содержимого API, но я хочу, чтобы функция onresize действовала в любой момент, когда размер экрана изменяется. 

window.onload = function displayNews(width){
   fetch('some api url')
   .then(res => {
      return (res.json())
   })
   .then(function(res) {
    let postsArr = res.data.children;

    for (let i = 0; i < postsArr.length; i++) {
      let currPost = postsArr[i].data;
      let currPostTitle = currPost.title;

      if (width > 1525) {
         currPostTitle = currPostTitle.substring(0, 100) + '&hellip;';
      } else if (width < 1525 && width > 1090) {
         currPostTitle = currPostTitle.substring(0, 20) + '&hellip;';
      } else if (width < 1090) {
         currPostTitle = currPostTitle.substring(0, 200) + '&hellip;';
      }

      let markup = 
      `
      //(Some API display)

Затем я создал функцию onresize, которая передает переменную ширины функции onload 

window.onresize = function windowWidth() {
   let width = $(window).width();
   displayNews(width);
}

Но это не работает, и я не знаю, где разместить функцию onresize. Я пытался поместить его в разгрузочный, но, возможно, ошибся. Как вы думаете?

...