Conflito entre 2 JQuery
Estou importando um jquery.min, mas ele está dando conflito com o jquery de uma biblioteca que eu não tenho acesso, ai fica minha duvida de como resolver o conflito...
Segue o código completo:
<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:p="http://primefaces.org/ui"
xmlns:f="http://java.sun.com/jsf/core">
<h:head>
<title>Cadastrar Usuário</title>
<script type="text/javascript" src="jquery.min.js"></script>
<link rel="stylesheet" href="mypattern.css"/>
</h:head>
<h:body style="background-color: #{config.BackgroudColor}">
<h:form id="form" acceptcharset="ISO-8859-1">
<ui:include src="/topo.xhtml"/>
<p:panel header="Cadastro de usuário" toggleable="true" toggleTitle="Minimizar">
<p:panelGrid columns="2">
<p:outputLabel value="Nome" for="nome"/>
<p:inputText id="nome" value="#{userController.usuarios.nome}" onkeypress="return checkValidChar(this,'0123456789abcdefghijlmnopqrstuvxzwykABCDEFGHIJLMNOPQRSTUVXZWYK-_ ','Não é possível inserir caracteres especiais. !@#ç$%',event);" required="true" requiredMessage="O campo nome é obrigatório."/>
<p:outputLabel value="Matrícula" for="matricula"/>
<p:inputText id="matricula" value="#{userController.usuarios.matricula}" onkeypress="return checkValidChar(this,'0123456789abcdefghijlmnopqrstuvxzwykABCDEFGHIJLMNOPQRSTUVXZWYK-_ ','Não é possível inserir caracteres especiais. !@#ç$%',event);" required="true" requiredMessage="O campo matrícula é obrigatório."/>
<p:outputLabel value="Senha" for="new_senha"/>
<p:password feedback="true" goodLabel="Média" weakLabel="Fraca" strongLabel="Segura" promptLabel="Por favor, digite a senha" id="new_senha" value="#{userController.usuarios.senha}" required="true" requiredMessage="O campo senha é obrigatório."/>
<p:outputLabel value="Regional" for="regional"/>
<p:autoComplete id="regional" value="#{userController.cidade}"
completeMethod="#{userController.completeCidades}"
var="cidade"
itemLabel="#{cidade.cidade}"
itemValue="#{cidade}"
maxResults="8"
forceSelection="true"
tabindex="1">
<p:ajax event="itemSelect"/>
</p:autoComplete>
</p:panelGrid>
<p:dataTable id="table_cidades" style="width: 70%" var="cid" value="#{userController.dataModel}"
selection="#{userController.hasUsuarios}" rowKey="#{cid.regionaisHasUsuariosPK.id}" selectionMode="single">
<f:facet name="header">
Lista de Cidades
</f:facet>
<p:ajax event="rowSelect"/>
<p:column headerText="ID">
#{cid.cidades.id}
</p:column>
<p:column headerText="Cidade">
#{cid.cidades.cidade}
</p:column>
</p:dataTable>
<p:commandButton value="Adicionar" actionListener="#{userController.addCidadeInList}" update="table_cidades, msg, regional" immediate="true"/>
<p:commandButton value="Remover" actionListener="#{userController.removeCidadeFromList}" update="table_cidades, msg, regional" immediate="true"/>
<p:selectManyCheckbox layout="pageDirection" value="#{userController.permissoes}">
<f:selectItem itemLabel="Solicitação" itemValue="1" />
<f:selectItem itemLabel="Triagem" itemValue="2" />
<f:selectItem itemLabel="Expedição" itemValue="3" />
<f:selectItem itemLabel="Estoque" itemValue="4" />
<f:selectItem itemLabel="Administração" itemValue="5" />
</p:selectManyCheckbox>
</p:panel>
<p:commandButton value="Salvar" action="#{userController.salvarForm()}" ajax="false"/>
<p:commandButton value="Voltar" action="#{userController.voltar}" ajax="false" immediate="true"/>
</h:form>
<script type="text/javascript" src="mypattern.js"></script>
</h:body>
</html>
Ai essa jquery:
<script type="text/javascript" src="jquery.min.js"></script>
Está dando conflito com a usada na biblioteca primefaces quando utilizo a funçao autocomplete que é originada dela:
<p:autoComplete id="regional" value="#{userController.cidade}"
completeMethod="#{userController.completeCidades}"
var="cidade"
itemLabel="#{cidade.cidade}"
itemValue="#{cidade}"
maxResults="8"
forceSelection="true"
tabindex="1">
<p:ajax event="itemSelect"/>
</p:autoComplete>Discussão (0)
Carregando comentários...