Php 在Laravel 5 Web应用程序中激活Jquery选项卡

Php 在Laravel 5 Web应用程序中激活Jquery选项卡,php,jquery,tabs,laravel-5,Php,Jquery,Tabs,Laravel 5,我正在开发一个带有jQueryUI选项卡的laravel web应用程序。 这是我页面的屏幕截图 我有这样的标签 基本信息 联系信息 法律细节 业务类别 位置 这五个选项卡具有表单和laravel发送更新功能。当用户从联系人信息选项卡更新时,成功更新后,页面将重定向并加载第一个选项卡,如基本信息 我的更新控制器 public function edit_businessldaction(){ try { $decrypted = Crypt::decrypt(Inpu

我正在开发一个带有jQueryUI选项卡的laravel web应用程序。 这是我页面的屏幕截图

我有这样的标签

基本信息

联系信息

法律细节

业务类别

位置

这五个选项卡具有表单和laravel发送更新功能。当用户从联系人信息选项卡更新时,成功更新后,页面将重定向并加载第一个选项卡,如基本信息

我的更新控制器

 public function edit_businessldaction(){

    try {
        $decrypted = Crypt::decrypt(Input::get('ciid'));
    } catch (DecryptException $e) {
         throw new DecryptException("Invalid data.");
    }
    $doaction = DB::table('business')
        ->where('pk_business_id', $decrypted)
        ->update([
            'ci_busns_name' => Input::get('ci_busns_name'),
            'ci_busns_addrs1' => Input::get('ci_busns_addrs1'),
            'ci_busns_addrs2' => Input::get('ci_busns_addrs2'),
            'ci_busns_addrs3' => Input::get('ci_busns_addrs3'),
            'fk_ci_busns_country' => Input::get('ci_busns_country'),
            'fk_ci_busns_city' => Input::get('ci_busns_city'),
            'ci_busns_telephone' => Input::get('ci_busns_telephone'),
            'ci_busns_fax' => Input::get('ci_busns_fax'),
            'ci_busns_web' => Input::get('ci_busns_web'),
            ]);
    if ($doaction)
        return Redirect::to(route('edit_business_view',Input::get('ciid')))->with('cimessage','Legal Details Updated Succesfuly !!');
    else
        return Redirect::to(route('edit_business_view',Input::get('ciid')))->with('cimessage','No changes are made !!');
}
以上截图页面的URL为

{id randomkeyencrypted}

HTML:

 <div id="tabs">
 <ul>
  <li><a href="#tabs-1">Nunc tincidunt</a></li>
  <li><a href="#tabs-2">Proin dolor</a></li>
 </ul>
 <div id="tabs-1">
 <p> Ut et mauris vel pede varius sollicitudin. Sed ut dolor nec orci    tincidunt interdum. Phasellus ipsum. Nunc tristique tempus lectus.</p>
 </div>
<div id="tabs-2">
<p>eugiat, tellus pellentesque pretium posuere, felis lorem euismod felis, eu ornare leo nisi vel felis. Mauris consectetur tortor et purus.    </p>

</div>
 </div>

这是一种新的葡萄品种。这是我的梦想。同侧相位。努克·特里斯蒂克·坦普斯·莱克图斯

eugiat,tellus pellentesque pretium posuere,felis lorem euismod felis,eu Orner leo nisi vel felis。毛里斯·康塞德图尔·托托和珀鲁斯


如果您使用的是命名路由,您可以通过使用刀片模板中的
route::is
方法来激活当前选项卡来确定当前控制器/操作

下面是一个使用引导选项卡的示例:

我使用的命名路由如下所示:

 Route::get('/edit-business/{id-randomkeyencrypted}',[
    'uses' => 'ContactController@edit_businessldaction',
    'as'   => 'contact.edit_businessldaction'
 ]);
我将使用以下命令激活右侧选项卡:

{{ Route::is('contact.edit_businessldaction') ? 'active' : '' }}
并通过以下操作激活正确的内容:

{{ Route::is('contact.edit_businessldaction') ? 'tabname' : '' }}
注意:用您希望激活的选项卡内容id替换
tabname
,例如:
contact

叶片内模板

<ul class="nav nav-tabs" role="tablist">
    <li role="contact-info" class="{{ Route::is('contact.edit_businessldaction') ? 'active' : '' }}"><a href="#contact" aria-controls="home" role="tab" data-toggle="tab">Contact Information</a></li>
  </ul>


<div class="tab-content">
    <div role="tabpanel" class="tab-pane active" id="{{ Route::is('contact.edit_businessldaction') ? 'contact' : '' }}">...</div>
</div>
后来在你看来:

//For Tab
{{ $active=='business' ? 'active' : '' }}

//For Content
{{ $active=='business' ? 'tabname' : '' }}

您可以通过在刀片模板中设置来确定要激活的正确选项卡。请分享标签问题的HTML代码。添加html
//For Tab
{{ $active=='business' ? 'active' : '' }}

//For Content
{{ $active=='business' ? 'tabname' : '' }}