رفتن به مطلب

مشکل در کدهای جاوا اسکریپت


پست های پیشنهاد شده

سلام

من در این تاپیک آموزش ساخت جعبه دانلود رو مطرح کرده بودم:

http://forum.wp-parsi.com/tutorials/article/455-%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%D8%B3%D8%A7%D8%AE%D8%AA-%D8%AC%D8%B9%D8%A8%D9%87-%D8%AF%D8%A7%D9%86%D9%84%D9%88%D8%AF/

اما در این کدها یه مشکل وجود داره و اون اینه که هنگامی که روی یکی از تب ها کلیک میشه به آخر آدرس سایت نام اون تب اضافه میشه.

چطور میشه این مشکل رو حل کرد.

در تاپیک آموزش پیش نمایش زنده و شرح مشکل توسط یکی از دوستان وجود داره

لینک به ارسال

خودم احتمال می دم که یه چیزی رو باید تو کدها تغییر داد باید صبر کنیم ببینیم دوستان چی می گن.

لینک به ارسال

فکر کنم اینها باید تغییر کنند :

فایل های jquery.hashchange.min.js و مخصوصا jquery.tab.min.js

اینم یک جاوا اسکریپت برای یک سایت که مثل چیزی که گفتید هست :


(function($) {
$.organicTabs = function(el, options) {
var base = this;
base.$el = $(el);
base.$nav = base.$el.find(".nav");
base.init = function() {
base.options = $.extend({},$.organicTabs.defaultOptions, options);
// Accessible hiding fix
$(".hide").css({
"position": "relative",
"top": 0,
"left": 0,
"display": "none"
});
base.$nav.delegate("li > a", "click", function() {
// Figure out current list via CSS class
var curList = base.$el.find("a.current").attr("href").substring(1),
// List moving to
$newList = $(this),
// Figure out ID of new list
listID = $newList.attr("href").substring(1),
// Set outer wrapper height to (static) height of current inner list
$allListWrap = base.$el.find(".list-wrap"),
curListHeight = $allListWrap.height();
$allListWrap.height(curListHeight);
if ((listID != curList) && ( base.$el.find(":animated").length == 0)) {
// Fade out current list
base.$el.find("#"+curList).fadeOut(base.options.speed, function() {
// Fade in new list on callback
base.$el.find("#"+listID).fadeIn(base.options.speed);
// Adjust outer wrapper to fit new list snuggly
var newHeight = base.$el.find("#"+listID).height();
$allListWrap.animate({
height: newHeight
});
// Remove highlighting - Add to just-clicked tab
base.$el.find(".nav li a").removeClass("current");
$newList.addClass("current");
});
}
// Don't behave like a regular link
// Stop propegation and bubbling
return false;
});
};
base.init();
};
$.organicTabs.defaultOptions = {
"speed": 300
};
$.fn.organicTabs = function(options) {
return this.each(function() {
(new $.organicTabs(this, options));
});
};
// organicTabs
})(jQuery);
$(function() {
$("#tab").organicTabs();
});
$(document).ready(function() {
$(".tab_content").hide();
$("ul.nav li:first").addClass("active").show();
$(".tab_content:first").show();
$("ul.nav li").click(function() {
$("ul.nav li").removeClass("active");
$(this).addClass("active");
$(".tab_content").hide();
var activeTab = $(this).find("a").attr("href");
$(activeTab).fadeIn();
return false;
});
});
$(document).ready(function () {
$(".togglebox").hide();
$(".download-help").click(function () {
$(".togglebox").slideToggle()
})
});

ویرایش شده توسط Ghasem Paran
لینک به ارسال

نمونه با آموزش متفاوت بود

چیزی که در نمونه آنلاین هست دقیقا بر اساس همون آموزش ساخته شده.

سایت آنلاین هست؟

منظورتون رو نفهمیدم.

لینک به ارسال

چیزی که در نمونه آنلاین هست دقیقا بر اساس همون آموزش ساخته شده.

منظورتون رو نفهمیدم.

این مشکل چندان مهم نیست

شیوه انتخاب تب در کد به این شکل هست

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...