JQuery изменить содержимое Div, когда нажмите пядь

-1

Так Это HTML я писал:JQuery изменить содержимое Div, когда нажмите пядь

<html> 
<head> 
<script type="text/javascript" src="language.js"></script> 
</head> 
<body> 
    <div class="eng"> Change this English sentence </div> 
    <span id="frn" style="text-decoration:underline">French</span> 
</body>

Между тем, JQuery:

$(document).ready(function(){ 
    $("#frn").on('click', function(){ 
     $(".eng").html("modifier cette phrase en anglais"); 
    }); 
});

Я использую Microsoft Expression Web 4.0.1460.0 генерировать эти коды , Итак, я хочу изменить текст в div, когда пользователь нажимает на span. В этом случае измените определенный текст с английского на французский, когда кто-то нажимает на span с текстом French и ID #frn.

Однако, когда я просматриваю это в Google Chrome. Это не сработало. Нажимая пролет, ничего не произошло. Пожалуйста, любезно помогите мне в этом.

источник

2016-06-09 brandeluke

, казалось бы, что вы не связывая библиотеку JQuery в вашей странице перед вызовом функции – gavgrif

правильно, спасибо большое! – brandeluke

welcome - его также лучше, если вы поместите весь код js в конце страницы для скорости загрузки страницы. просто мысль - счастливое кодирование :)) – gavgrif

HI проверить обновленный код Havent включают jquery library, это прекрасно работает.

<!DOCTYPE html> 
<html> 
<head> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script> 
<script> 
$(document).ready(function(){ 
    $("#frn").on('click', function(){ 
     $(".eng").html("modifier cette phrase en anglais"); 
    }); 
}); 
</script> 
</head> 
<body> 



    <div class="eng"> Change this English sentence </div> 
    <span id="frn" style="text-decoration:underline">French</span> 

</body> 
</html>

Счастливый Coding

источник

2016-06-09 02:15:07

Ах да, я это забыл! Спасибо за вашу любезную помощь. – brandeluke

счастливое кодирование ... –

@brandeluke Привет, пожалуйста, отметьте этот ответ как правильный ответ, если он вам поможет. Ищите это в будущем. Спасибо и приветствую. ;) – MrBuggy

-1

Он работает отлично в этом JSFiddle

https://jsfiddle.net/5g3decLd/1/

Кроме того, я хотел бы предложить, чтобы изменить HTML() в текст()

$(".eng").text("modifier cette phrase en anglais");

источник

2016-06-09 02:14:27 SenthilKumarM

JQuery изменить содержимое Div, когда нажмите пядь

ответ

Смежные вопросы