رفتن به مطلب

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


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

سلام

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

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/

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

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

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

  • امتیاز 1
لینک به ارسال

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

لینک به ارسال

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

فایل های 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
  • امتیاز 1
لینک به ارسال

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

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

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

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

  • امتیاز 1
لینک به ارسال

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

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

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

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

  • امتیاز 1
لینک به ارسال

لطفا برای ارسال دیدگاه وارد شوید

شما بعد از اینکه وارد حساب کاربری خود شدید می توانید دیدگاهی ارسال کنید



ورود به حساب کاربری
×
×
  • اضافه کردن...