Javascript Функция OnClick не работает

-3

Переписывание полного Javascript.Javascript Функция OnClick не работает

Javascript

<div id="PopUp1" style="display: none; color: #FFFFFF;"></div> 
<div id="Mask"></div> 
<script type="text/javascript"> 
var Design = '<p>Design!!!!!</p><input type="submit" value="Close" onClick="Close(Design,1)" />'; 

function PopUp(htmlstring, id) { 
    $('#PopUp' + id).fadeIn('slow'); 
    $('#Mask').fadeIn('slow'); 
} 

function Close(htmlstring, id) { 
    $('#PopUp' + id).fadeOut('slow'); 
    $('#Mask').fadeOut('slow'); 
} 

$('#Mask').click(function() { 
    $('#Mask').fadeOut('slow'); 
    $('#PopUp' + id).fadeOut('slow'); 
}); 
</script>

HTML

<td width="100" align="center" onClick="PopUp(Design,1)">Designs</td>

Теперь Маска показывает вверх с ВДП Design. Но Вар не показывает?

источник

2013-05-11 Psycho Wars

Какие ошибки, если таковые имеются, вы видите в console.log? – Xotic750

Вы загружаете jQuery дважды. Используйте либо jquery-latest.js, либо jquery-1.8.3.js, но не оба. Кроме того, вы позже редактировали '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' ' Кроме того, HTML недопустим: вы не можете иметь div внутри таблицы, если они не находятся внутри td или th. – JJJ

TD находится внутри таблицы, это просто я скопировал строку кодирования с помощью onClick! –

Вы используете jQuery, за исключением $. Также убедитесь, что вы включили jQuery в свой <head>.

function PopUp(htmlstring,id) { 
    $('#PopUp'+id).fadeIn('slow'); 
    $('#Mask').fadeIn('slow'); 
} 
function Close(htmlstring,id) { 
    $('#PopUp'+id).fadeOut('slow'); 
    $('#Mask').fadeOut('slow'); 
}

Кроме того, хотя это не имеет значения, используйте onClick вместо onclick:

<input type="submit" value="Close" onClick="Close(Design,1)" />

источник

2013-05-11 16:19:11 Mooseman

Ах! Мне было интересно, что такое синтаксис! BTW: действительно onClick? Я еще не видел его. –

Нет, НЕ используйте встроенный onClick, когда у вас уже есть jQuery. Вместо этого назначьте («щелчок») в голове при загрузке – mplungjan

Должен ли я просто сделать var? Для Экземпляр: var Design = '

Дизайн !!!

'; –

Пожалуйста последовательно использовать JQuery, если у вас есть и загрузить только один раз !!!

Есть ли какая-либо конкретная причина использовать кнопку отправки? Если не сделать его тип «кнопки» =

<!DOCTYPE html> 
<html> 
<head> 
<title>Test popup</title> 
<script src="http://code.jquery.com/jquery-latest.js"></script> 
<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script> 
<script> 
function PopUp(htmlstring,id) { 
    $('#PopUp'+id).fadeIn('slow');  
    $('#Mask').fadeIn('slow'); 
} 
function Close(htmlstring,id) { 
    $('#PopUp'+id).fadeOut('slow'); 
    $('#Mask').fadeOut('slow'); 
} 
$(function() { 
    $("#closeButton").on("click",function() { 
    Close('Design',1); // not sure what htmlstring is 
    }); 
    $("#openButton").on("click",function() { 
    Popup('Design',1); // not sure what htmlstring is 
    }); 
}); 
</script> 
</head> 
<body> 
. 
. 
. 
</body> 
</html>

источник

2013-05-11 16:31:57 mplungjan

я не уверен, если я понимаю вашу проблему правильно, но если я, то вы хотите, чтобы текст, который находится внутри вашего переменного дизайна будет показан в вашем всплывающем окне ,

Вы установили свою функцию PopUp аргументом htmlstring, но вы никогда не используете его. Так что, возможно, это помогло бы:

function PopUp(htmlstring, id) { 
    $('#PopUp' + id).html(htmlstring); 
    $('#PopUp' + id).fadeIn('slow'); 
    $('#Mask').fadeIn('slow'); 
}

источник

2013-05-11 17:22:27 basilikum

ответ

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