Conflito entre 2 JQuery

rodrigomarden · Abril 12, 2017

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>

Entrar

Arquivado

Conflito entre 2 JQuery

Recommended Posts

rodrigomarden 3

Compartilhar este post

Link para o post

Compartilhar em outros sites

PHP+Codeigniter - Dúvida referente a PDV

PHP+Codeigniter - Dúvida em Relação a Teclas

Conexão mysql com outro domínio

Conteúdo Similar

Este projeto é apoiado pelas empresas

Fóruns

Tempo Real

Informação importante