jquery

Question

içinde dış URL'den bir sınıfın eklenmesi Aşağıdaki kod snippet'ini jquery'de bulundurdum, bu da aşağıdaki koda göre mevcut öğeye 'yeni öğe' öğesi ekliyor.

$("#new-item").appendTo("#item"); 

HTML kodlama Sorum varsayalım

<li id="item">Old item</li> 
<li id="new-item">New item</li> 

index.html

bulunan kimliği ekleme sonra bir sayfa about.html var ve html kodu aşağıdaki var.

<li id="about-item">About us </li> 

Aşağıdaki gibi "about-item" öğesinin aynısını index.html'ye eklemem gerekiyor.

<li id="item">Old item</li> 
<li id="new-item">New item</li> 
<li id="about-item">About us </li> 

Herkes bunu nasıl yapabilir? Bunu ajax ile yapabilir miyiz? Harici url kaynağından bir öğeyi çağırmak ve geçerli sayfaya eklemekle ilgilidir.

Answer 1

Bunu deneyebilir misiniz?

$(".item").addClass("new-item"); 

Answer 2

Bu kod parçacığı 'yeni sınıf' içeren harici CSS sayfasını alacak ve yeni sınıf ve yeni içeriği ile (bu durumda bir ül içinde) listede yeni li ekler:

<link rel="stylesheet" type="text/css" href="http://example.com"> 
$(function(){ 
$("<ul>").append("<li class='new-class'>New Contents</li>"); 
}); 

Sadece jquery kodundan ÖNCE stil sayfası bağlantısını aradığınızdan emin olun.