Function Jquery só funciona uma vez

[Rodrigo Biaggio 1]

Senhores,

 

Eu tenho uma página, chamada novo_servidor.php com um formulário e um botão incluir e excluir. Quando clico no botão incluir, eu abro uma outra página, chamada, mostra_servidores, dentro de uma DIV dentro da página novo_servidor.

 

Eu peguei um código Jquery para abrir um DIALOG quando eu clicar em excluir.

 

O problema é que se eu clico no botão excluir logo quando a página é carregada, a função funciona, porém se eu clico no botão incluir e depois no excluir, a função não funciona mais.

 

Segue os códigos:

<script type="text/javascript">
  $(function() {
    $( "#excluir_servidores" ).dialog({
      autoOpen: false,
      show: {
        effect: "blind",
        duration: 10
      },
      hide: {
        effect: "blind",
        duration: 10
      }
    }); 
    $( "#btn_excluir_servidor" ).click(function() {
      $( "#excluir_servidores" ).dialog( "open" );
    });
  });
//Inicio function Ajax sem refresh na DIV
function inserir_registo()
{ 
    //dados a enviar, vai buscar os valores dos campos que queremos enviar para a BD
    var dadosajax = {
		'id_solic' : $("#id_solic").val(),
		'host_servidor' : $("#host_servidor").val(),
        'ip_servidor' : $("#ip_servidor").val(),
		'so_servidor' : $("#so_servidor").val(),
		'qtde_processor' : $("#qtde_processor").val(),
		'mem_fisica' : $("#mem_fisica").val(),
		'func_servidor' : $("#func_servidor").val(),
		'resp_servidor' : $("#resp_servidor").val(),
		'resp_application' : $("#resp_application").val()
		
    };
    pageurl = 'insert_novo_servidor.php?';
    $.ajax({
 
        //url da pagina
        url: pageurl,
        //parametros a passar
        data: dadosajax,
        //tipo: POST ou GET
        type: 'POST',
        //cache
        cache: false,
        //se ocorrer um erro na chamada ajax, retorna este alerta
        //possiveis erros: pagina nao existe, erro de codigo na pagina, falha de comunicacao/internet, etc etc etc
        error: function(){
            alert('Erro: Inserir Registo!!');
        },
        //retorna o resultado da pagina para onde enviamos os dados
        success: function(result)
        { 
            //se foi inserido com sucesso
            if($.trim(result) == '1')
            {
				alert("O seu registo foi inserido com sucesso!");
            }
            //se foi um erro
            else
            {
                alert("Ocorreu um erro ao inserir o seu registo!");
            }
 
        }
    });
}	
------------------------------------
<!--Inicio DIV Content-->
	<div id="accordion">		
		<h1>Incluir Servidores</h1>
		<!--Inicio DIV Conteudo Accordion-->
		<div>
			<div id="form_dados_iniciais">
			<!--Inicio DIV Dados Iniciais-->
				<div id="dados_inicias">
					<h4>ID Solicitacao<br/>						
						<input name="id_solic" id="id_solic" type="text" value="<?php echo $last_id;?>" size="5"><br><br>
						Identificação dos Servidores<br>
						<input name="host_servidor" id="host_servidor" type="text" value="Hostname" size="12" onClick="javascript:if(this.value=='Hostname')this.value='';" onBlur="javascript:if(this.value=='')this.value='Hostname';">
						<input name="ip_servidor" id="ip_servidor" type="text" value="IP Server" size="10" onClick="javascript:if(this.value=='IP Server')this.value='';" onBlur="javascript:if(this.value=='')this.value='IP Server';">
						<label for="so_servidor"></label>
						<select name="so_servidor" id="so_servidor">
							<option>S.O Server</option>
							<option value="Windows">Windows Server</option>
							<option value="Unix">Unix Server</option>
						</select>
						<input name="qtde_processor" type="text" id="qtde_processor" value="Qtde Processor" size="10" onClick="javascript:if(this.value=='Qtde Processor')this.value='';" onBlur="javascript:if(this.value=='')this.value='Qtde Processor';">
						<input name="mem_fisica" type="text" id="mem_fisica" value="Memória" size="6" onClick="javascript:if(this.value=='Memória')this.value='';" onBlur="javascript:if(this.value=='')this.value='Memória';">
						<input name="func_servidor" type="text" id="func_servidor" value="Função" size="15" onClick="javascript:if(this.value=='Função')this.value='';" onBlur="javascript:if(this.value=='')this.value='Função';">
						<input name="resp_servidor" type="text" id="resp_servidor" value="Responsável Server" size="15" onClick="javascript:if(this.value=='Responsável Server')this.value='';" onBlur="javascript:if(this.value=='')this.value='Responsável Server';">
						<input name="resp_application" type="text" id="resp_application" value="Responsável Aplicação" size="18" onClick="javascript:if(this.value=='Responsável Aplicação')this.value='';" onBlur="javascript:if(this.value=='')this.value='Responsável Aplicação';">
						<input type="submit" name="incluir_servidor" title="Incluir" value="Incluir" onClick="inserir_registo()">
						<input type="submit" name="alterar_servidor" title="Alterar Servidor" value="Alterar">
						<input type="submit" name="btn_excluir_servidor" id="btn_excluir_servidor" title="Excluir Servidor" value="Excluir">
						<input type="submit" name="proximo" title="Próxima Página" value="Próximo">
				</div>
			<!--Fim DIV Form Dados Iniciais-->
			</div>			
		<!--Fim DIV Conteudo Accordion-->
		</div>
	<!--Fim DIV Accordion-->
	</div>
<!--Fim DIV Content-->
	<div id="image_header"><img src="images/header_div_servidores.jpg" width="1365px"></div>
	<div id="texto_header">
	Servidores Cadastrados
	</div>
	<div id="mostra_servidores_cadastrados">
	</div>
	<div id="excluir_servidores">
	Teste de exclusão de servidores
	</div>

Alguém poderia ajudar?

 

Obrigado.

[Rodrigo Biaggio 1]

Apenas um adendo,

 

Quando eu faço a alteração:

 

De:$(function() {

$( "#excluir_servidores" ).dialog({

 

Para:$(document).on('click', function(){

$( "#excluir_servidores" ).dialog({

Ele funciona após eu clicar no botão incluir, porém somente após o segundo clique. Deixando também dessa forma, o conteudo da DIV do Dialog fica visível e o titulo some.