始终坚持以客户为中心,努力满足客户的需求,提供优质的服务。不断改进内部管理,提高工作效率,降低成本。注重员工的培养和发展,提供广阔的晋升
此次的公司项目推进汇报中,我们详尽地阐述了项目的推进状况。当下,所有工作皆依照规划有条不紊地展开,团队成员齐心协力,成功攻克了大量难题。关键阶段的任务已然完成,且
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 | 经营部近期工作进展顺利。销售额呈稳定增长态势,市场份额有所扩大。 投资者和管理者可以依据报表进行分析和决策,评估 核心竞争力是企业在市场竞争中脱颖而出的关 |
同时,我们高度重视员工的个人发展,每年提供超过 100 场的培训课程和众多晋升机会。通过营造出开放、包容
分公司在过去一段时间内取得了显著进展
我们始终将客户放在首位
$('#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). |