Search does't work when use right panel


This is the seach page:

<div class="page">
    <!-- Search Bar with "searchbar-init" class for auto initialization -->
    <form class="searchbar searchbar-init" data-search-list=".list-block-search" data-search-in=".item-title" data-found=".searchbar-found" data-not-found=".searchbar-not-found">
        <div class="searchbar-input">
            <input type="search" placeholder="Search">
            <a href="#" class="searchbar-clear"></a>
        <a href="#" class="searchbar-cancel">Cancel</a>

    <div class="searchbar-overlay"></div>

    <div class="page-content">
        <div class="content-block searchbar-not-found">
            Nothing found

        <div class="list-block list-block-search searchbar-found">
                <li class="item-content">
                    <div class="item-inner">
                        <div class="item-title">Acura </div>
                <li class="item-content">
                    <div class="item-inner">
                        <div class="item-title">Audi</div>

This is the forwad method:

	function openPanel_Zzjg(){
	//	initCrkfxPicker();
	  //  cmApi.router.loadContent('mobile/html/basics/register/test.html');
The cmPlugin is following:
      var CommSearchPanel = function(panelUrl){
            	var panel = this;
                panel.openPanel = function (panelUrl) {
                    var searchPanel = cmApi.router.loadHtml(panelUrl);
            api.commSearchPanel = new CommSearchPanel();

The result is following:

When I use another page ,the search page works properly


I guess it happens because of this:

You just replace panel content with the HTML, it won’t initialize anything in this case. So you need to init Searchbar manually using its API app.searchbar.create


If it is F7 v1 then