JQuery Modal подтверждения не работает в PHP

-1

Я пытаюсь создать диалоговое окно подтверждения модальный JQuery на PHP похож на this JQuery Modal подтверждения не работает в PHP

Эта страница PHP встраивается в страницу PHP родительском в конце.

Проблема в том, что я могу заставить ее работать на jsfiddle отлично, я не могу заставить ее работать на моей php-странице.

My jsfiddle version

Моего JQuery блок:

var submitForm = $('#form_twake'); 
submit = false; 

$("#confirm").dialog({ 
    resizable: false, 
    height: 140, 
    modal: true, 
    autoOpen: false, 
    buttons: { 
     'Submit': function() { 
      $(this).dialog('close'); 
      submit = true; 
      submitForm.submit(); 
     }, 
     'Cancel': function() { 
      $(this).dialog('close'); 
     } 
    } 
}); 
$("#confirm").parent().appendTo($("#form_twake")); 

submitForm.submit(function() { 
    if (submit) { 
     return true; 
    } else { 
     $("#confirm").dialog('open'); 
     return false; 
    } 
});

HTML код:

<form id="form_twake" name="form_twake" method="POST" action="index.php"> 
    <div> 
    <input type="submit" value="Destroy" /> 
    </div> 
</form> 

<div id="confirm" title="Empty the recycle bin?"> 
    <p><span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 20px 0;"></span>These items will be permanently deleted and cannot be recovered. Are you sure?</p> 
</div>

Infact, содержимое 'сНа подтверждения ид' которые будут отображаться во всем оказанной PHP страницы , Отправить отправить форму, но не выдает желаемое подтверждение. Есть ли какой-либо порядок вещей для jQuery для обработки специально для PHP? Я сделал все возможные исследования, и это привело меня к работе JSFiddle. Кажется, я не могу выйти за рамки этого!

Любая помощь была бы действительно оценена!

[Изменить] Добавление кода php;

Вот CSS & ЛИЭС:

<link rel="stylesheet" type="text/css" href="includes/style.css"> 
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css"> 
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>

PHP форма:

<form id="form_twake" name="form_twake" method="POST" action="index.php"> 
    <div class="box fade-in one"> 
     <center><img style="border:solid 2px #FFCC00;" src="<?php echo $bud ['profile_image_url'];?>" alt="Avi" hspace="5" vspace="5" border="5"/></center> 
     <?php echo $bud ['name'];?></br></br> 
     <input type="submit" value="Destroy" class="twake-button" /> 
    </div> 
</form>

источник

2013-12-23 PopoFibo

JQuery и PHP полностью не связаны. Вся ваша серверная часть PHP выполняется до того, как javascript получит шанс что-либо сделать. – Leeish

Является ли код выше того, что находится на вашей странице или только что находится в Fiddle? Это похоже на проблему с CSS? Вы включили файлы CSS для jQuery UI? – Leeish

Спасибо, я это понимаю, но я могу заставить его работать в jsfiddle, и он полностью ломается, когда я делаю свой php. Я также проверил импортированные библиотеки jQuery, если PHP не идентифицирует блок кода jQuery. – PopoFibo

В файле CSS, есть подтверждение Див скрыты по умолчанию:

#confirm { 
    display: hidden; 
}

Тогда, убедитесь, что вы запускаете свой javascript-код после загрузки страницы. Это можно сделать с помощью следующего кода:

<script type="text/javascript"> 

$(function() { 
    // put your code here. 
}); 

</script>

источник

2013-12-23 20:51:24

JQuery Modal подтверждения не работает в PHP

ответ

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