quick view element link type

<!DOCTYPE HTML>
<html>
  <head>
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta http-equiv='Content-Type' content='text/html;charset=UTF-8'/>
  <script src="https://sapui5.hana.ondemand.com/resources/sap-ui-core.js"
  id="sap-ui-bootstrap"
  data-sap-ui-libs="sap.ui.commons,sap.ui.table"
  data-sap-ui-theme="sap_bluecrystal"
  data-sap-ui-xx-bindingSyntax="complex"
	data-sap-ui-resourceroots='{
				"demo": "./"
			}'></script>
	<script>		
  var view = sap.ui.view({
    id:"idFirstPage1", 
    viewName:"demo.FirstPage", 
    type:sap.ui.core.mvc.ViewType.XML});
  view.placeAt("content");
  </script>
  </head>
  <body class="sapUiBody" role="application">
  <div id="content"></div>
  </body>
</html>

sap.ui.define([
		'jquery.sap.global',
		'sap/m/MessageBox',
		'sap/m/MessageToast',
		'sap/ui/core/mvc/Controller',
		'sap/ui/model/SimpleType',
		'sap/ui/model/ValidateException',
		'sap/ui/model/json/JSONModel'
	], function(jQuery, MessageBox, MessageToast, Controller, SimpleType, ValidateException, JSONModel) {
	"use strict";
  var that = this;
	return Controller.extend("demo.FirstPage", {

		onInit : function () {

		},

		onAfterRendering: function() {
			/*var oView = this.getView();
			var oLink = oView.byId("nav_link");
			var sId = oLink.getId();
			var jQueryLink = $("#" + sId);
			var realjQueryLink = $("__link0");
			console.log(oLink)*/
		}
		
	});

});


<mvc:View
	controllerName="demo.FirstPage"
	xmlns:l="sap.ui.layout"
	xmlns:mvc="sap.ui.core.mvc"
	xmlns:core="sap.ui.core"
	xmlns:f="sap.ui.layout.form"
	xmlns="sap.m">
	<l:VerticalLayout
		class="sapUiContentPadding"
		width="100%">
		<l:content>
		  <Popover
    		title="Title"
    		placement="Bottom">
    		<VBox>
      		<f:SimpleForm
      			editable="false"
      			title=""
      			labelSpanXL="3"
      			labelSpanL="3"
      			labelSpanM="3"
      			labelSpanS="3" 
      			adjustLabelSpan="false"
      			emptySpanXL="4"
      			emptySpanL="4"
      			emptySpanM="4"
      			emptySpanS="0"
      			columnsXL="1"
      			columnsL="1"
      			columnsM="1"
      			singleContainerFullSize="false" >
      			<f:content>
      				<Label text="ID" />
      				<Text text="SupplierName" />
      				<Label text="Description" />
      				<Text text="Street HouseNumber" />
      				<Label text="Call CrossApplicationNavigation" />
      				<Link text="Street HouseNumber" press="navCrissAppln"/>
      			</f:content>
      		</f:SimpleForm>
      	</VBox>
    	</Popover>
		  
		  
        <!-- <Panel id="quickViewCardContainer" width="auto" height="600px">
          <QuickViewCard id="quickViewCard" 
            navigate="onNavigate"
            afterNavigate="onAfterNavigate">
            <QuickViewPage
                header="title"
                icon="{icon}"
                title="{title}"
                titleUrl="{titleUrl}"
                description="{description}">
              <QuickViewGroup heading="QuickViewGroup" >
                <QuickViewGroupElement
                  id="nav_link"
                    label="link"
                    value="value"
                    type="link">
                </QuickViewGroupElement>
              </QuickViewGroup>
            </QuickViewPage>
          </QuickViewCard>
        </Panel> -->

		</l:content>
	</l:VerticalLayout>
</mvc:View>