Forum PHP.pl > [jQuery][AJAX][PHP] - operowanie na atrybutach z innego pliku po wczytaniu go do pliku-pojemnika

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [jQuery][AJAX][PHP] - operowanie na atrybutach z innego pliku po wczytaniu go do pliku-pojemnika

igreko

1.05.2016, 18:11:45

Witam, mam problem, a mianowicie:
Mam plik pojemnik.html - w którym znajduje sie div #pojemnik - do którego ładowana jest treśc pliku skrypt.html po przez skrypt js - pojemnik.js.
W pliku skrypt.html jest link, ktory po kliknieciu nie powinien przejsc do strony awartej w atrybucie href - blokada przejscia jest zawarta w skrypcie skrypt.js, ktòry również jes podpięty do pliku pojemnik.js.
Problem polega na tym, że po kliknieciu i tak przechodzi do wskazanej strony. Ładowanie skrypt.html do #pojemnik jest za pomocą ajax w jquery
Link to tylko przyklad, chodzi mi o interakcje tresci pobranej z pliku.php z skryptem.js w innym pliku.chcialbym zeby ta reakcja zachodzila z gory dziekuje i zaznaczam ze nie będe odpowiadal na
tresci, które nic nie wnoszą do tematu.

Jeśli chodzi o to po co to tak wszystko komplikowac to odpowiem ze inaczej byc nie moze

Pojemnik.html

[PHP] pobierz, plaintext 
<html>
<head>
<script src="jquery.js"></script>
<script src="pojemnik.js"></script>
<script src="skrypt.js"></script>
</head>
<body>
<div id="pojemnik">
 
</div>
 
</body>
</html>
[PHP] pobierz, plaintext

Pojemnik.js

[PHP] pobierz, plaintext 
jQuery(document).ready(function()
{
 
  alert('wczytano pojemnik');
 
 
  $('#pojemnik').load('skrypt.php');
 
 
});
[PHP] pobierz, plaintext

Skrypt.php

[PHP] pobierz, plaintext 
to jest tresc wczytana z skrypt.php 
<a href="noload.php">po kliknieciu tego strona nie powinna sie przeladowac</a>
[PHP] pobierz, plaintext

Skrypt.js

[PHP] pobierz, plaintext 
jQuery(document).ready(function()
{
  alert('wczytano skrypt.js');
  $('a').click(function()
  {
    return false;
  });
});
[PHP] pobierz, plaintext

Oprocz funkcji load probowalem jeszcze przeslac dane za pomocą $ajax i $.post rowniez z mizernym skutkiem

avalanche

1.05.2016, 19:03:10

przypisanie zdarzenia do $('a') spróbuj zrobić funkcją, która umożliwia przypisanie za każdym razem, gdy taki element pojawi się w DOMie.
jeśli dobrze pamiętam, to http://api.jquery.com/on/ - nie mam pewności, bo nie siedzę w JS

igreko

1.05.2016, 21:30:58

Dzięki, poczytam. W Mojej książce nic o tym nie było.on() jest zalecane od 1.7 ja czytalem książke gdy najnowszą wersją było 1.6

mam nadzieje że cos pomoze

ale jestem otwarty na inne rozwiazania jezeli takowe istnieja. Dziękuje za odpowiedź

Dobra, jak zrobic to ze zdarzeniami juz wiem, uzywam metody on() ale to tylko ze zdarzeniami a jezeli chcialbym dodac wlasciwosc css do dynamicznego elemetu strony?
$('#cos').css({'font-color':'red'}); - nie zadziala jezeli elemet zostanie dynamicznie dodany. Prosze o pomoc

rad11

2.05.2016, 08:39:53

Dodaj normalnie do pliku css jakaś klasę która będzie miała te atrybuty i zamiast operować na .css zrób .addClass

igreko

3.05.2016, 00:21:34

No dobra a jezeli mam dodac html do tresci, której jeszcze nie ma bơ jest dodawana dynamicznie?
$('#cont').html('nowa tresc');
Cont jest pobierane z pliku skrypt.html
Do pliku pojemnik.html
Po przez pojemnik.js w metodzie ajax
Wiem ze to zadziala jezeli to zrobie w tên sposob

[PHP] pobierz, plaintext 
$ajax({
  url:"skrypt.php",
  success:function(data){
  $('pojemnik').html(data);
  $('#cont').html('nowa tresc');
}
});
[PHP] pobierz, plaintext

Ale jezeli kod:
$('#cont').html('nowa tresc');
Jest podany poza funkcja ten kod nie zadziala, zalerzy mi na tym zeby było można operowac na $('#cont') z kazdego miejsca nawet z innego skryptu js ktory jest podpięty do pojemnika

rad11

4.05.2016, 08:27:08

No to przeciez Ci napisałem dodaj klasę do tego np:

[PHP] pobierz, plaintext 
 
$('#cont').html('nowa tresc');
$('#cos').addClass("red-font");
 
[PHP] pobierz, plaintext

a w pliku css dodaj:

[PHP] pobierz, plaintext 
.red-font{
'font-color':'red'
}
[PHP] pobierz, plaintext

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.