Модальный PDF IFRAME с Jquery
Так вот мой сценарий, работает отлично, без проблем. Теперь, почему я публикую это здесь, главным образом, чтобы я мог улучшить это и сделать это лучше, также я полагаю, что это могло бы прийти, чтобы помочь другим! Jquery! Вот рабочий образецhttp://jsfiddle.net/cornelas/4eUgf/2/
$(document).ready(function() {
$('.select').click(function () {
$('.pdf_grey').fadeIn('slow');
$('.select').hide();
$('.deselect').show();
});
$('.deselect').click(function() {
$('.pdf_grey').fadeOut('slow');
$('.select').show();
$('.deselect').hide();
});
$('.pdf_grey').css({'opacity' : 0.8});
});
$(document).mouseup(function (e)
{
var container = $(".pdf_grey");
var deselect = $(".deselect");
var select = $(".select");
if (container.has(e.target).length === 0)
{
container.hide();
deselect.hide();
select.show();
}
});
А вот и мой HTML
Руководство по сайтуPreviewMinimize | Скачать
<span class="deselect top_inf">Close</span><br>
И CSS наконец
.pdf_grey {
position: absolute;
left: 500px;
top: 100px;
display: none;
padding: 25px;
background: #333;
}
.deselect {
display: none;
cursor: pointer;
}
.select {
cursor: pointer;
color: #666;
}
.select:hover {
color: red;
}
Если вы заметили, что я написал этот сценарий, он будет специально нацелен на серый цвет класса PDF и что он покажет класс, для которого задано скрытое значение, div содержит Iframe, который загружает PDF. Я подумал, что это действительно простой крутой способ загрузить PDF без изменения страницы. Теперь .. Миллион долларов, как мне сделать так, чтобы, если у кого-то был класс pdf, он загружал скрытый контент. Я не хочу сходить с ума от организации занятий, как вы можете видеть. Я фигурирую в Ahref или что-то, что мы должны установить класс, который загружает Iframe. Спасибо, ребята, за помощь, я опубликую свой сценарий, когда он будет завершен со всеми, кто помогал назвать его, все модалы, которые я видел, хромают и не так отзывчивы.