Przekazywanie stałej na zewnątrz funkcji

bartosz1986

2023-11-21T11:22:47+01:00

Rejestracja: dni
Ostatnio: dni
Postów: 16

Witam,

Kopiuj

$(() => {
  const $entryElements = $('[data-entry-id]');
  const $entryIds =
  $.map($entryElements, item => $(item).data('entryId'));
});
	
  console.log("ENRY IDS GLOBAL: ", $entryIds);

Kopiuj

<a href="#" data-entry-id="{{ income.incSum }}" id="some-link-1"></a>

W powyższym kodzie chciałbym mieć dostęp do stałej $entryIds także poza funkcją. Gdy używam console.log wartości są puste. (W środku funkcji normalnie mam wartości)

Korzystałem z tego artykułu: https://cruftlesscraft.com/passing-data-from-twig-to-javascript

Proszę o pomoc jak mogę mieć dostęp do tej stałej $entryIds także poza funkcją .

Xarviel

2023-11-21T11:42:02+01:00

Rejestracja: dni
Ostatnio: dni
Postów: 847

Możesz spróbować tak

Kopiuj

const $entryElements = $('[data-entry-id]');
const $entryIds = $.map($entryElements, item => $(item).data('entryId'));

bez tego

Kopiuj

$(() => {

});

Ogólnie ten zapis z jQuery jest odpowiednikiem eventu DOMContentLoaded i uruchamia się dopiero po załadowaniu strony, wtedy skrypt ma pewność, że wszystkie elementy DOM zostały załadowane.

szatkus1

2023-11-21T12:51:43+01:00

Rejestracja: dni
Ostatnio: dni

Obstawiam, że mu nie działało, bo szukany element jeszcze nie istniał w drzewie DOM.

Xarviel

2023-11-21T13:05:19+01:00

Rejestracja: dni
Ostatnio: dni
Postów: 847

Gdyby powyższe rozwiązanie nie działało przez brak danego elementu DOM to jest możliwość zmiany kolejności skryptów, tak żeby strona zdążyła się załadować

Kopiuj

<!DOCTYPE html>
<html>
<head>
  ...
</head>
<body>
  Zawartość strony ...
  
  <div data-entry-id="...">Element, który chcemy pobrać</div>

  Dalsza zawartość strony ...

  <script src="/sciezka/do/biblioteki/jquery.js"></script>
  <script src="/sciezka/do/twojego/skryptu.js"></script>
</body>
</html>

(zazwyczaj najlepiej pod koniec <body>)