在处理复杂问题时,售后团队能够迅速组织力量。协同各部门共同解决,确保客户的问题得到彻底解决。公司还会对售后服务进行定期评估和改进。不断优
始终坚持以客户的满意度为衡量标准,不断改进和提升服务质量。通过与客户建立长期的合作伙伴关系,共同成长,实现双赢。同时,良好的企业氛围有助于吸引和留住优秀人才,提升
That said, in some situations it may be desirable to turn this functionality off. Therefore, we also provide the ability to disable the data attribute API by unbinding all events on the body namespaced with `'data-api'`. This looks like this:$('body').off('.data-api')Alternatively, to target a specific plugin, just include the plugin's name as a namespace along with the data-api namespace like this:
$('body').off('.alert.data-api')We also believe you should be able to use all Bootstrap plugins purely through the JavaScript API. All public APIs are single, chainable methods, and return the collection acted upon.
$(".btn.danger").button("toggle").addClass("fat")All methods should accept an optional options object, a string which targets a particular method, or nothing (which initiates a plugin with default behavior):
$("#myModal").modal() // initialized with defaults
$("#myModal").modal({ keyboard: false }) // initialized with no keyboard
$("#myModal").modal('show') // initializes and invokes show immediatelyEach plugin also exposes its raw constructor on a `Constructor` property: $.fn.popover.Constructor. If you'd like to get a particular plugin instance, retrieve it directly from an element: $('[rel=popover]').data('popover').
这套管理体系犹如一把金钥匙,为公司的高效运转开启了大门。首先,科学的管理体系让公司的各项工作都有章可循。明确的流程和规范,让每个员工都清楚自己的职责和工作方向。避免了混乱和低效。而且,它能够根据公司的实际情况和市场变化。进行灵活
技术创新是推动社会进步和企业发展的强大动力。它不仅能够提升产品和服务的质量,还能为企业带来竞争优势。在当今快速
$('#myModal').on('show', function (e) {
if (!data) return e.preventDefault() // stops modal from being shown
})
For simple transition effects, include bootstrap-transition.js once alongside the other JS files. If you're using the compiled (or minified) bootstrap.js, there is no need to include this—it's already there.
这吸引了那些追求独特体验的消费者
这种氛围激励着我们不断提升自己,为公司的发展贡献力量。让我们一起珍惜和维护这个公平、公正
我们始终致力于产品的优化升级,以满足用户日益增长的需求
在当今竞争激烈的
<div class="modal hide fade">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h3>Modal header</h3>
</div>
<div class="modal-body">
<p>One fine body…</p>
</div>
<div class="modal-footer">
<a href="#" class="btn">Close</a>
<a href="#" class="btn btn-primary">Save changes</a>
</div>
</div>
Toggle a modal via JavaScript by clicking the button below. It will slide down and fade in from the top of the page.
<!-- Button to trigger modal --> <a href="#myModal" role="button" class="btn" data-toggle="modal">Launch demo modal</a> <!-- Modal --> <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h3 id="myModalLabel">Modal header</h3> </div> <div class="modal-body"> <p>One fine body…</p> </div> <div class="modal-footer"> <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button> <button class="btn btn-primary">Save changes</button> </div> </div>
Activate a modal without writing JavaScript. Set data-toggle="modal" on a controller element, like a button, along with a data-target="#foo" or href="#foo" to target a specific modal to toggle.
<button type="button" data-toggle="modal" data-target="#myModal">Launch modal</button>
Call a modal with id myModal with a single line of JavaScript:
$('#myModal').modal(options)Options can be passed via data attributes or JavaScript. For data attributes, append the option name to data-, as in data-backdrop="".
| Name | type | default | description |
|---|---|---|---|
| backdrop | boolean | true | Includes a modal-backdrop element. Alternatively, specify static for a backdrop which doesn't close the modal on click. |
| keyboard | boolean | true | Closes the modal when escape key is pressed |
| show | boolean | true | Shows the modal when initialized. |
| remote | path | false | 企业创新能力至关重要,它是核心竞争力的体现。能提升产品与服务质量,满足市场需求;增强企业竞争力,在同行中脱颖而出;促进技术进步,推动行业发展;提高生产效率,降低成本;吸引优秀人才,为企业注入活力。 |
Activates your content as a modal. Accepts an optional options object.
$('#myModal').modal({
keyboard: false
})
Manually toggles a modal.
$('#myModal').modal('toggle')Manually opens a modal.
$('#myModal').modal('show')Manually hides a modal.
$('#myModal').modal('hide')Bootstrap's modal class exposes a few events for hooking into modal functionality.
| Event | Description |
|---|---|
| show | This event fires immediately when the show instance method is called. |
| shown | This event is fired when the modal has been made visible to the user (will wait for css transitions to complete). |
| hide | This event is fired immediately when the hide instance method has been called. |
| hidden | This event is fired when the modal has finished being hidden from the user (will wait for css transitions to complete). |
$('#myModal').on('hidden', function () {
// do something…
})
Add dropdown menus to nearly anything with this simple plugin, including the navbar, tabs, and pills.
我们的管理团队经验丰富,富有战略眼光。能够制定科学合理
<div class="dropdown"> <a class="dropdown-toggle" data-toggle="dropdown" href="#">Dropdown trigger</a> <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel"> ... </ul> </div>
To keep URLs intact, use the data-target attribute instead of href="#".
<div class="dropdown"> <a class="dropdown-toggle" id="dLabel" role="button" data-toggle="dropdown" data-target="#" href="/page.html"> Dropdown <b class="caret"></b> </a> <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel"> ... </ul> </div>
Call the dropdowns via JavaScript:
$('.dropdown-toggle').dropdown()培训与管理
公司还在不断加大研发投入,推出更多创新产品,满足市场的多样化
在我们的企业里,创新是永恒的主题,它激发着我们不断突破边界,追求卓越。合作是我们的力量之源,让我们携手共进,共同攀登高峰。我们关注每一位员工的成长,提供广阔的发展空间
在当今社会,企业的社会责任感已经成为衡量其品质和价值的重要标准。而我们的企业,以其强烈的社会责任感,成为了行业的典范。企业始终将社会责任视为己任,积极投身于各种公益事业。无论是资助贫困地区的教育,还是关心弱势群体的生活,都竭尽全力地给予帮助。在这个飞速发展的时代,我们公司始终保持着敏锐的洞察力,紧紧跟随时代的步伐。它明白只有与时俱进,才能在激烈的市场竞争中立于不败之地。公司积极拥
当然,我们也不能忘记初心,始终坚持以客户为中心,提供优质的产品和服务。让我们紧紧抓住这个时代的机遇,一起努力,让公司飞得更高更远!对手难以轻易模仿我们的品牌价值。为了保持和增强品牌力,我们不断努力:持续创新,满足不断变化的市场需求。提供出色的客户体验,让客户成为品牌的传播者。积极开展品牌推广活动,提高品牌
亲爱的伙伴们,我们要全力提升公司的竞争力啦!市场如战场,只有不断进步,才能立于不败之地。我们要加强创新,推出更优质的产品和服务。拥有核心竞争力的企业能更好地满足客户需求,提高市场占有率,实现可持续发展。企业应不断培育和提升核心竞争力,以应对日益激烈的市场竞争。“核心竞争力”乃是企业于激烈市场竞争中崭露头角的关
包括明确项目目标、组建专业团队、制定详细计划、合理分配资源等。通过项目的实施,企业可以提升竞争力、开拓市场、创新产品或服务,实现经济效益和社会效益的双赢。分公司在过去一段时间内取得了显著进展。业务规模逐步扩大,市场份额稳步提升。团队建设方面,吸引了一批优秀人才,员工素质和专业能力不断提高。同时,加强了与总公司的沟通与协作,确保各项工作的顺利开展。未来,分公司将继续努力,提升服务质量,开拓新市场,为公司的发展做出更大贡献。经营部近期工作进展顺
在我们的公司里,良好的前途前景就如同璀璨的星辰,照亮着我们前行的道路。公司拥有一支充满激情和创新精神的团队。他们不断追求卓越,勇于挑战传统,为公司的发展注入了源源不断的动力。经营生产是企业生存和发展的关键环节。它包括市场调研、产品设计、原材料采购、生产过程管理、质量控制等一系列活动。通过合理规划和高效运作,实现资源的优化配置,提高生产效率和产品质量。同时,要关注市场需求的变化,不
不仅如此,公司还建立了完善的客户反馈机制,及时了解客户的意见和建议,不断改进和提升产品和服务。总之,公司的产品和服务优势让我们在市场上脱颖而出,赢得了客户的高度信赖和好评。我们将继续努力,不断提升产品和服务质量,为客户创造更大的价值!准确的财务报表能为决策提供重要依据,帮助企业把握市场机遇。合理的预算规划有助于控制成本,提升资源利用效率。同时,企业财务还需应对风险管理、税收筹划等挑战,确保企业的稳定发展。财务报
在这个飞速发展的时代,我们公司始终保持着敏锐的洞察力,紧紧跟随时代的步伐。它明白只有与时俱进,才能在激烈的市场竞争中立于不败之地。公司积极拥抱新技术,将其融入到产品和服务中,不断提升自身的竞争力。无论是互联网、大
<body data-spy="scroll" data-target=".navbar">...</body>
Call the scrollspy via JavaScript:
$('#navbar').scrollspy()<a href="#home">home</a> must correspond to something in the dom like <div id="home"></div>.
When using scrollspy in conjunction with adding or removing of elements from the DOM, you'll need to call the refresh method like so:
$('[data-spy="scroll"]').each(function () {
var $spy = $(this).scrollspy('refresh')
});
Options can be passed via data attributes or JavaScript. For data attributes, append the option name to data-, as in data-offset="".
| Name | type | default | description |
|---|---|---|---|
| offset | number | 10 | Pixels to offset from top when calculating position of scroll. |
| Event | Description |
|---|---|
| activate | This event fires whenever a new item becomes activated by the scrollspy. |
这使我们在市场上具有竞争优势,能够满足客户日益增长的需求。未来,我们将继续加大在技术
在这充满挑战与机遇的时代,本企业衷心感谢每一位为公司付出的伙伴。我们一路走来,共同面对困难,共同创造辉煌。未来,我们将继续秉持诚信、创新的理念,追求卓越,为客户提供更优质的产品和服务。让我们携手共进,共同书写公司发展的新篇章!在当今竞争激烈的市场中,我们的公司以其卓越的营造品牌能力脱颖而出。公司对品牌建设有着深刻的理解和独特的策略。
不断提升专业素养,紧跟行业发展趋势,为客户提供最前沿的知识和技术。以快速响应和高效执行,解决客户的问题,让他们感受到我们的用心和负责。我们时刻紧密关注行业内的崭新资讯动态,致力于为您呈献及时、全面且精准的信息盛宴。无论是市场趋向、技术革新的浪潮,亦或是政策法规的风云变幻,我们皆能飞速精准捕捉,并进行深入透彻地分析其带来的影响。凭借我们的资讯服务,您将得以洞悉先機,牢牢握住机遇,从而做出睿智的决策。即刻前来关注我们,让资讯成为您迈向成功的强劲助力!无论是市场趋向、技术革新的浪潮,亦或是政策法规的风云变幻,我们皆能飞速精准捕捉,并进行深入透彻地分析其带来的影响
还与各种媒体和合作伙伴建立了稳固的关系,通过合作扩大品牌的影响力。此外,公司始终保持对品牌的持续投入和维护。不断适应市场变化,更新品牌形象,确保品牌的活力和竞争力。总之,公司的营造品牌能力使得品牌在市场中屹立不倒,并成为消费者心目中的首选。还积极参与社区建设,与当地政府和社会组织合作。共同推动社区的发展和进步。企业的社会责任感不仅仅体现在具体的行动上,更体现在其企业文化中。将社会责任融入到企业的价值观和发展战略中,让每一位员工都深刻理解其重要性。通过履行社
在我们的企业中,管理体系与企业文化紧密融合,相辅相成。管理体系犹如坚实的基石,为企业发展提供有力支撑;企业文化则如同灵动的灵魂,赋予企业独特的魅力。我们的企业,拥有一个美好而令人振奋的愿景,犹如璀璨星辰,照亮前行的道路。企业愿景是成为行业的领军者,以卓越的品质和创新的理念引领市场潮流。不断追求卓越,勇于挑战传统,开拓新的领域。致力于为客户提供无可比拟的产品和服务体验。通过持续的研发和创新,不断推出
在我们的公司里,管理人性化是一道独特而亮丽的风景线。公司始终秉持
$('#myTab a').click(function (e) {
e.preventDefault();
$(this).tab('show');
})You can activate individual tabs in several ways:
$('#myTab a[href="#profile"]').tab('show'); // Select tab by name
$('#myTab a:first').tab('show'); // Select first tab
$('#myTab a:last').tab('show'); // Select last tab
$('#myTab li:eq(2) a').tab('show'); // Select third tab (0-indexed)
You can activate a tab or pill navigation without writing any JavaScript by simply specifying data-toggle="tab" or data-toggle="pill" on an element. Adding the nav and nav-tabs classes to the tab ul will apply the Bootstrap tab styling.
<ul class="nav nav-tabs"> <li><a href="#home" data-toggle="tab">Home</a></li> <li><a href="#profile" data-toggle="tab">Profile</a></li> <li><a href="#messages" data-toggle="tab">Messages</a></li> <li><a href="#settings" data-toggle="tab">Settings</a></li> </ul>
Activates a tab element and content container. Tab should have either a data-target or an href targeting a container node in the DOM.
<ul class="nav nav-tabs" id="myTab">
<li class="active"><a href="#home">Home</a></li>
<li><a href="#profile">Profile</a></li>
<li><a href="#messages">Messages</a></li>
<li><a href="#settings">Settings</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="home">...</div>
<div class="tab-pane" id="profile">...</div>
<div class="tab-pane" id="messages">...</div>
<div class="tab-pane" id="settings">...</div>
</div>
<script>
$(function () {
$('#myTab a:last').tab('show');
})
</script>
| Event | Description |
|---|---|
| show | This event fires on tab show, but before the new tab has been shown. Use event.target and event.relatedTarget to target the active tab and the previous active tab (if available) respectively. |
| shown | This event fires on tab show after a tab has been shown. Use event.target and event.relatedTarget to target the active tab and the previous active tab (if available) respectively. |
$('a[data-toggle="tab"]').on('shown', function (e) {
e.target // activated tab
e.relatedTarget // previous tab
})
Inspired by the excellent jQuery.tipsy plugin written by Jason Frame; Tooltips are an updated version, which don't rely on images, use CSS3 for animations, and data-attributes for local title storage.
我们的企业文化以诚信为基石,注重创
在我们的公司里,管理层简直就是一道亮丽的风景线!他们是一群充满智慧和领导力的精英,为公司的发展注入了源源不断的动力。他们非常有远见,能够准确把握市场趋势和行业动态,为公司制定出科学合理的发展战略。管理层十分注重团队建设,努力营造一个积极向上、团结协作的工作氛围。不论你是经验丰富的行业资深人士,还是充满潜力的新锐力量,只要你具备卓越的才华、满腔的热情以及远大的梦想,我们都竭诚欢迎你的到来。让我们齐心协力,共同缔造更为辉煌的美好未来!我们
我们公司始终秉持诚信经营、创
$('#example').tooltip(options)Options can be passed via data attributes or JavaScript. For data attributes, append the option name to data-, as in data-animation="".
| Name | type | default | description |
|---|---|---|---|
| animation | boolean | true | apply a css fade transition to the tooltip |
| html | boolean | false | Insert html into the tooltip. If false, jquery's text method will be used to insert content into the dom. Use text if you're worried about XSS attacks. |
| placement | string|function | 'top' | how to position the tooltip - top | bottom | left | right |
| selector | string | false | If a selector is provided, tooltip objects will be delegated to the specified targets. |
| title | string | function | '' | default title value if `title` tag isn't present |
| trigger | string | 'hover' | how tooltip is triggered - click | hover | focus | manual |
| delay | number | object | 0 | 使他们在工作中实现自我价值,收获成就感和满足感。同时,积极履行社 在我们的公司里,管理人性化是一道独特而亮丽的风 研发团队日夜钻研,致力于推出更具竞争力的 |
通过企业概况,我们可以知晓企业的核心竞争力、市场份额以及未来发展方向。它是企业与外界沟通的重要桥梁,为投
<a href="#" rel="tooltip" title="first tooltip">hover over me</a>
Attaches a tooltip handler to an element collection.
分公司在过去一段时间内
$('#element').tooltip('show')Hides an element's tooltip.
$('#element').tooltip('hide')Toggles an element's tooltip.
$('#element').tooltip('toggle')Hides and destroys an element's tooltip.
$('#element').tooltip('destroy')Add small overlays of content, like those on the iPad, to any element for housing secondary information. Hover over the button to trigger the popover. Requires 福建分公司简介 to be included.
不论你是经验丰富的行业资深人士,还是充满潜力的新锐力
我们不断追求创新,以适应市场变化,为您提供更贴心、更便捷的产品服务。选择我们,就是选择品质与信
我们的地址位于城市成熟区域,这里交通便利,环境优美。周围有丰富的配套设施,无论是购物、餐饮还是
在推广策略上,他们独具匠心。能够根据不同产品和目标客户群体,制定出个性化的推广方案。而且,他们
科学的管理体系确保各项工作有序进行,明确的流程和规范让员工知道如何做。而积极向上的企业文化激发
我们的企业文化注重创新与合作。鼓励员工勇于尝试新思路,不断追求卓越。强调团
未来,我们将继续致力于创
$('#example').popover(options)Options can be passed via data attributes or JavaScript. For data attributes, append the option name to data-, as in data-animation="".
| Name | type | default | description |
|---|---|---|---|
| animation | boolean | true | apply a css fade transition to the tooltip |
| html | boolean | false | Insert html into the popover. If false, jquery's text method will be used to insert content into the dom. Use text if you're worried about XSS attacks. |
| placement | string|function | 'right' | how to position the popover - top | bottom | left | right |
| selector | string | false | if a selector is provided, tooltip objects will be delegated to the specified targets |
| trigger | string | 'click' | how popover is triggered - click | hover | focus | manual |
| title | string | function | '' | default title value if `title` attribute isn't present |
| content | string | function | '' | default content value if `data-content` attribute isn't present |
| delay | number | object | 0 | 不仅如此,公司还有着良好的企业文化,大家团结一心,共同追求卓越。 就在城市中心,交通便捷,让你轻松抵达。这里环境 亲爱的小伙伴们,我们的公司正处于飞速发展 |
就在城市中心,交通便捷,让你轻松抵达。这里环境宜人,绿树成荫,空气清新,仿佛置身于宁静的世外桃源。周边配
始终坚持以客户为中心,努力满足客户的
我们的服务宗旨是以客户
$('#element').popover('show')Hides an elements popover.
$('#element').popover('hide')Toggles an elements popover.
$('#element').popover('toggle')Hides and destroys an element's popover.
$('#element').popover('destroy')Add dismiss functionality to all alert messages with this plugin.
员工之家,是我们在工作之余的温馨港湾。这里充满了温暖与关怀,让我们感受到家的氛围。它是我们放松身心、交流情感的地方,也是我们提升技能、共同成长的
我们公司的产品那可真是拥有强大的核心竞争力啊!
我们的专业团队矢志不移地满足您的多
$(".alert").alert()Just add data-dismiss="alert" to your close button to automatically give an alert close functionality.
<a class="close" data-dismiss="alert" href="#">×</a>
Wraps all alerts with close functionality. To have your alerts animate out when closed, make sure they have the .fade and .in class already applied to them.
“核心竞争力
$(".alert").alert('close')Bootstrap's alert class exposes a few events for hooking into alert functionality.
| Event | Description |
|---|---|
| close | This event fires immediately when the close instance method is called. |
| closed | This event is fired when the alert has been closed (will wait for css transitions to complete). |
$('#my-alert').bind('closed', function () {
// do something…
})
Get base styles and flexible support for collapsible components like accordions and navigation.
在当今的企业时代背景下,科技飞速发展,
他们的积极进取和团队合作精神将是公司未来发展的坚实基础
<div class="accordion" id="accordion2"> <div class="accordion-group"> <div class="accordion-heading"> <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne"> Collapsible Group Item #1 </a> </div> <div id="collapseOne" class="accordion-body collapse in"> <div class="accordion-inner"> Anim pariatur cliche... </div> </div> </div> <div class="accordion-group"> <div class="accordion-heading"> <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo"> Collapsible Group Item #2 </a> </div> <div id="collapseTwo" class="accordion-body collapse"> <div class="accordion-inner"> Anim pariatur cliche... </div> </div> </div> </div> ...
You can also use the plugin without the accordion markup. Make a button toggle the expanding and collapsing of another element.
<button type="button" class="btn btn-danger" data-toggle="collapse" data-target="#demo"> simple collapsible </button> <div id="demo" class="collapse in"> … </div>
Just add data-toggle="collapse" and a data-target to element to automatically assign control of a collapsible element. The data-target attribute accepts a css selector to apply the collapse to. Be sure to add the class collapse to the collapsible element. If you'd like it to default open, add the additional class in.
团队合作是我们前进的强大动力,它如同巨轮的引擎,源源不断地输出力量。在这里,我们相互协作、相互支持,共同攻克一个又一个难关
他们的积极进取和
$(".collapse").collapse()Options can be passed via data attributes or JavaScript. For data attributes, append the option name to data-, as in data-parent="".
| Name | type | default | description |
|---|---|---|---|
| parent | selector | false | If selector then all collapsible elements under the specified parent will be closed when this collapsible item is shown. (similar to traditional accordion behavior) |
| toggle | boolean | true | Toggles the collapsible element on invocation |
object.
$('#myCollapsible').collapse({
toggle: false
})
Toggles a collapsible element to shown or hidden.
目前,我们正处于蓬勃发
在市场竞争中,我们凭借
本企业凭借创新产品和优质服务,成功签署重大合作项目,为业务拓展奠定坚实
| Event | Description |
|---|---|
| show | This event fires immediately when the show instance method is called. |
| shown | This event is fired when a collapse element has been made visible to the user (will wait for css transitions to complete). |
| hide |
This event is fired immediately when the hide method has been called.
|
| hidden | This event is fired when a collapse element has been hidden from the user (will wait for css transitions to complete). |
$('#myCollapsible').on('hidden', function () {
// do something…
})The slideshow below shows a generic plugin and component for cycling through elements like a carousel.
<div id="myCarousel" class="carousel slide"> <!-- Carousel items --> <div class="carousel-inner"> <div class="active item">…</div> <div class="item">…</div> <div class="item">…</div> </div> <!-- Carousel nav --> <a class="carousel-control left" href="#myCarousel" data-slide="prev">‹</a> <a class="carousel-control right" href="#myCarousel" data-slide="next">›</a> </div>
...
在当今激烈的市场竞争中
$('.carousel').carousel()Options can be passed via data attributes or JavaScript. For data attributes, append the option name to data-, as in data-interval="".
| Name | type | default | description |
|---|---|---|---|
| interval | number | 5000 | The amount of time to delay between automatically cycling an item. If false, carousel will not automatically cycle. |
| pause | string | "hover" | Pauses the cycling of the carousel on mouseenter and resumes the cycling of the carousel on mouseleave. |
在当今竞争激烈的市场中,我们的公司凭借着强大的品牌力脱颖而出!品牌力是我
$('.carousel').carousel({
interval: 2000
})
Cycles through the carousel items from left to right.
我们的企业文化以坚如磐石的诚信为基石
始终坚持以客户为中心,努力满足客户的需求,提供优质的服务。
我们的经营理念,以客户
首先,我们要保持积
他们还具有很强的责任心和使命感,始终将公司的利益和员工的利益放在首位
| Event | Description |
|---|---|
| slide | This event fires immediately when the slide instance method is invoked. |
| slid | This event is fired when the carousel has completed its slide transition. |
在日常工作中,每个人都全神贯注、全力以赴。办公室里,键盘敲击声和讨论声交织成
<input type="text" data-provide="typeahead">
Add data attributes to register an element with typeahead functionality as shown in the example above.
在技术创新的过程中,处理好
$('.typeahead').typeahead()Options can be passed via data attributes or JavaScript. For data attributes, append the option name to data-, as in data-source="".
| Name | type | default | description |
|---|---|---|---|
| source | array, function | [ ] | The data source to query against. May be an array of strings or a function. The function is passed two arguments, the query value in the input field and the process callback. The function may be used synchronously by returning the data source directly or asynchronously via the process callback's single argument. |
| items | number | 8 | The max number of items to display in the dropdown. |
| minLength | number | 1 | The minimum character length needed before triggering autocomplete suggestions |
| matcher | function | case insensitive | The method used to determine if a query matches an item. Accepts a single argument, the item against which to test the query. Access the current query with this.query. Return a boolean true if query is a match. |
| sorter | function | exact match, case sensitive, case insensitive | Method used to sort autocomplete results. Accepts a single argument items and has the scope of the typeahead instance. Reference the current query with this.query. |
| updater | function | returns selected item | The method used to return selected item. Accepts a single argument, the item and has the scope of the typeahead instance. |
| highlighter | function | highlights all default matches | Method used to highlight autocomplete results. Accepts a single argument item and has the scope of the typeahead instance. Should return html. |
当前本行业发展态势良好,市场规
公司提供了充足的假期,让我们在繁忙的工作之余能够有足
股东是企业的出资人,他们提供资金支持并承担相应风险,期望获得回报。股本则代表了股东对企业的出资额。我们的服务理念是以客户的满意为出发点,以提供卓越服
<div data-spy="affix" data-offset-top="200">...</div>affix, affix-top, and affix-bottom. Remember to check for a potentially collapsed parent when the affix kicks in as it's removing content from the normal flow of the page.
Call the affix plugin via JavaScript:
$('#navbar').affix()When using affix in conjunction with adding or removing of elements from the DOM, you'll want to call the refresh method:
$('[data-spy="affix"]').each(function () {
$(this).affix('refresh')
});
Options can be passed via data attributes or JavaScript. For data attributes, append the option name to data-, as in data-offset-top="200".
| Name | type | default | description |
|---|---|---|---|
| offset | number | function | object | 10 | Pixels to offset from screen when calculating position of scroll. If a single number is provide, the offset will be applied in both top and left directions. To listen for a single direction, or multiple unique offsets, just provided an object offset: { x: 10 }. Use a function when you need to dynamically provide an offset (useful for some responsive designs). |