Abas com JQuery e master page

Question

Estou usando as Tab´s do Jquery UI, porém quando tento utilizar em uma página com master page ocorre oseguinte erro:

Erro em tempo de execução do Microsoft JScript: jQuery UI Tabs: Mismatching fragment identifier.

O que pode estar acontecedo?

---

Ninguém falou que seria fácil!

Answer 1

Bom dia Jothaz, verifique a versão do Jquery UI que você usa e a versão do jquery(core), esse problema normalmente está relacionado com incompatibilidade entre versões dos dois.

"jQuery UI 1.7.2 is not supported with jQuery 1.4.x.  You need to use jQuery 1.3.2
jQuery UI 1.8 will support jQuery 1.4.2"

http://forum.jquery.com/topic/uncaught-exception-jquery-ui-tabs-mismatching-fragment-identifier-5-2-2010

---

Rodrigo Reis Ferreira
Microsoft Certified

Answer 2

faça isso aqui na sua master page

<script src="<%# ResolveUrl("~/Scripts/jquery.ui.datepicker-pt-BR.js")%>" type="text/javascript"></script>

---

Junior

Answer 3

Pessoal,

Não quero ser chato mas as sugestões não funcionaram.

Rodrigo Reis Ferreira

Estou utizando as versões: jquery-1.7.2.min.js e jquery-ui-1.8.17.custom.min.js.

Junior

Utizando sua sugestão:

    <script src='<%# ResolveUrl("~/scripts/jquery-1.7.2.min.js")%>' type="text/javascript"></script>
    <script src='<%# ResolveUrl("~/scripts/jquery-ui-1.8.17.custom.min.js")%>' type="text/javascript"></script>

Redenriza o seguinte html:

    <script src='' type="text/javascript"></script>
    <script src='' type="text/javascript"></script>

Estou usando o seguinte código:

Aspx

<asp:Content ID="HeadContent" ContentPlaceHolderID="HeadContent" runat="server" >
    <title></title>
    <link href="../styles/Site.css" rel="stylesheet" type="text/css" />
    <link href="../styles/smoothness/jquery-ui-1.8.17.custom.css" rel="stylesheet"
        type="text/css" />
    <script src='<%# ResolveUrl("~/scripts/jquery-1.7.2.min.js")%>' type="text/javascript"></script>
    <script src='<%# ResolveUrl("~/scripts/jquery-ui-1.8.17.custom.min.js")%>' type="text/javascript"></script>
 
    <script type="text/javascript">
		jQuery(function () {
			var $tabs = $('#tabs').tabs()
			  $tabs.tabs('select', <%= this.INDEX_TAB %>);
		});
		
		function selecionaTab()
		{
			var $tabs = $('#tabs').tabs()
			  $tabs.tabs('select', <%= this.INDEX_TAB %>);
		}
 
    </script>
</asp:Content>

Cs

 public int INDEX_TAB { get; set; }

Tentei várias forma e não funcionou.

Então como não tinha tempo usei o tab do Ajax.

Agora gostaria muito e saber o porque que as Tab´s com Jquerye master page não funciona.

Sem maste page fuciona bem.

OBS: Desmarquei as resposta como certa somente para que possamos tentar resolver o problem e depois marco como certa novamente.

---

Ninguém falou que seria fácil!

Answer 4

Algum moderador poderia fazer a gentileza de mover este post para o fórum de JQuery.

Para ver se conseguimos algum sugestão de como contornar o este problema?

---

Ninguém falou que seria fácil!