在 Laravel 5 Web 应用程序中激活的 Jquery 选项卡答案

【问题标题】：Jquery Tabs activating in Laravel 5 Web application在 Laravel 5 Web 应用程序中激活的 Jquery 选项卡
【发布时间】：2015-12-14 03:18:07
【问题描述】：

我正在开发一个带有 Jquery UI 选项卡的 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 !!');
}

以上截图页面的网址是

http://localhost/genie-works/devojp/superadmin/edit-business/{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>

【问题讨论】：

您可以通过在刀片模板中设置来确定要激活的正确选项卡。请分享标签的 HTML 代码
已编辑问题。添加了html

标签： php jquery tabs laravel-5

【解决方案1】：

如果您使用命名路由，您可以通过在刀片模板中使用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' : '' }}

注意：将 tabname 替换为您希望激活的标签内容 ID，例如：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>

我相信这会给你一个想法

或

或者，您可以像这样将变量返回到您的视图中：

return Redirect::to(route('edit_business_view',Input::get('ciid')))
->with('cimessage','Legal Details Updated Succesfuly !!')
->with('active','business');

以后在你看来：

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

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

【讨论】：